Новости Joomla

NorrCompetition 3.0 — новые возможности компонента конкурсов и голосований для Joomla 6

Релиз NorrCompetition 3.0 — крупное обновление расширения для проведения конкурсов и голосований в Joomla.

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

Релиз безопасности Joomla 6.1.1 и Joomla 5.4.6

Проект Joomla! рад сообщить о выходе Joomla 6.1.1 и Joomla 5.4.6. Это релизы безопасности и исправления ошибок для серий 5.x и 6.x.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

В открытый доступ выложен видео-курс Дмитрия Гончарова по созданию интернет-магазина на связке Joomla + JoomShopping. Видеоуроки содержат пошаговые инструкции от регистрации хостинга до особенностей вёрстки, настройки способов оплаты и доставки.

В видео фигурирует JoomShopping 4 и Joomla 3, однако JoomShopping довольно консервативный компонент и многие способы и подходы в нём не менялись годами, поэтому данные видео могут быть по прежнему полезны.

Смотреть видео-курс

@joomlafeed

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 11 Ответов
  • 1776 Просмотров
*

Dmitrius

  • Новичок
  • 8
  • 0 / 0
Как сделать такой список на странице?
« : 12.01.2018, 19:01:24 »
Всем привет, подскажите пожалуйста, как сделать на странице список услуг формата, как на этом сайте:

https://okna5.ru/ru/production

Записан
*

NewUsers

  • Живу я здесь
  • 2310
  • 216 / 0
  • +375 (25) 627-16-99 (WhatsApp, Telegram)
Re: Как сделать такой список на странице?
« Ответ #1 : 12.01.2018, 19:04:32 »
CSS или HTML код тебе надо
Записан
Занимаюсь создание расширений для Joomla 4.2.x | Доработка и настройка сайтов. Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
*

Dmitrius

  • Новичок
  • 8
  • 0 / 0
Re: Как сделать такой список на странице?
« Ответ #2 : 12.01.2018, 19:13:23 »
может модуль есть, чтобы что-то похожее сделать? Пробовал через модуль для каталога товаров, почти получилось, но по скольку он платный был то там содержимое товара нельзя добавить, в общем может кто бесплатный модуль таки посоветует?)
Записан
*

NewUsers

  • Живу я здесь
  • 2310
  • 216 / 0
  • +375 (25) 627-16-99 (WhatsApp, Telegram)
Re: Как сделать такой список на странице?
« Ответ #3 : 12.01.2018, 19:21:38 »
Цитата: Dmitrius от 12.01.2018, 19:13:23
может модуль есть, чтобы что-то похожее сделать? Пробовал через модуль для каталога товаров, почти получилось, но по скольку он платный был то там содержимое товара нельзя добавить, в общем может кто бесплатный модуль таки посоветует?)
Через модуль вывода HTML кода
Код: html
<div class="wpex-vc-columns-wrap clr">
    <div class="wpb_column vc_column_container vc_col-sm-6">
        <div class="vc_column-inner wpex-clr">
            <div class="wpb_wrapper wpex-vc-column-wrapper wpex-clr ">
                <div class="vc_row wpb_row vc_inner vc_row-fluid">
                    <div class="wpb_column vc_column_container vc_col-sm-3">
                        <div class="vc_column-inner wpex-clr">
                            <div class="wpb_wrapper wpex-vc-column-wrapper ">
                                <div class="wpb_single_image wpb_content_element vc_align_">
                                    <div class="wpb_wrapper">
                                        <a title="f013_1" href="#" target="_self">
                                            <div class="vc_single_image-wrapper vc_box_rounded  vc_box_border_grey">
                                                <img class="vc_single_image-img " src="https://okna5.ru/wp-content/uploads/2016/06/f013_1-100x100.jpg" width="100" height="100" alt="f013_1" title="f013_1">
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><div class="wpb_column vc_column_container vc_col-sm-9">
                        <div class="vc_column-inner wpex-clr">
                            <div class="wpb_wrapper wpex-vc-column-wrapper ">
                                <div class="wpb_text_column wpb_content_element ">
                                    <div class="wpb_wrapper">
                                        <h2><a href="#">Установка офисных перегородок</a></h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="wpb_column vc_column_container vc_col-sm-6">
        <div class="vc_column-inner wpex-clr">
            <div class="wpb_wrapper wpex-vc-column-wrapper wpex-clr ">
                <div class="vc_row wpb_row vc_inner vc_row-fluid">
                    <div class="wpb_column vc_column_container vc_col-sm-3">
                        <div class="vc_column-inner wpex-clr">
                            <div class="wpb_wrapper wpex-vc-column-wrapper ">
                                <div class="wpb_single_image wpb_content_element vc_align_">
                                    <div class="wpb_wrapper">
                                        <a title="trash" href="#" target="_self">
                                            <div class="vc_single_image-wrapper vc_box_rounded  vc_box_border_grey">
                                                <img class="vc_single_image-img " src="https://okna5.ru/wp-content/uploads/2016/06/trash-100x100.png" width="100" height="100" alt="trash" title="trash">
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><div class="wpb_column vc_column_container vc_col-sm-9">
                        <div class="vc_column-inner wpex-clr">
                            <div class="wpb_wrapper wpex-vc-column-wrapper ">
                                <div class="wpb_text_column wpb_content_element ">
                                    <div class="wpb_wrapper">
                                        <h2><a href="#">Вывоз старых окон и мусора</a></h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Код: css
<style>
    .wpex-vc-row-centered .wpex-vc-columns-wrap {
        margin-left: -15px;
        margin-right: -15px;
    }
    .vc_column_container {
        padding-left: 0;
        padding-right: 0;
    }
    .vc_col-sm-6 {
        width: 50%;
        float: left;
    }
    .vc_column_container > .vc_column-inner {
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .wpex-vc-column-wrapper {
        margin-bottom: 40px;
        width: 100%;
    }
    .wpex-vc-row-centered .vc_row {
        margin-left: 0;
        margin-right: 0;
    }
    .wpb_row {
        max-width: none;
    }
    .wpb_row,
    .wpb_content_element,
    ul.wpb_thumbnails-fluid > li,
    .last_toggle_el_margin,
    .wpb_button {
        margin-bottom: 0;
    }
    .vc_col-sm-3 {
        width: 25%;
        float: left;
    }
    .wpb_single_image a {
        position: relative;
        display: block;
        display: inline-block;
        max-width: 100%;
        border: none;
        outline: 0;
    }
    .wpb_single_image .vc_single_image-wrapper.vc_box_rounded,
    .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
        border-radius: 4px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .wpb_single_image .vc_single_image-wrapper {
        display: inline-block;
        vertical-align: top;
        max-width: 100%;
    }
    .vc_single_image-wrapper {
        position: relative;
    }
    .wpb_single_image img {
        height: auto;
        max-width: 100%;
        vertical-align: top;
    }

</style>
Записан
Занимаюсь создание расширений для Joomla 4.2.x | Доработка и настройка сайтов. Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
*

Dmitrius

  • Новичок
  • 8
  • 0 / 0
Re: Как сделать такой список на странице?
« Ответ #4 : 12.01.2018, 19:50:35 »
Спасибо, уже почти понятно, а как это добавить на сайт, этот код же над править и куда эти CSS добавлять? Как создать модуль с HTML кодом я знаю, а остальноё всё в тумане)!
Записан
*

NewUsers

  • Живу я здесь
  • 2310
  • 216 / 0
  • +375 (25) 627-16-99 (WhatsApp, Telegram)
Re: Как сделать такой список на странице?
« Ответ #5 : 12.01.2018, 19:57:01 »
Цитата: Dmitrius от 12.01.2018, 19:50:35
Спасибо, уже почти понятно, а как это добавить на сайт, этот код же над править и куда эти CSS добавлять? Как создать модуль с HTML кодом я знаю, а остальноё всё в тумане)!
В настройках этого модуля есть визуальный редактор, в нем есть функция вставки код (Инструменты -> Исходный код). В модальное окно вставь весь код который я дал. Скорей всего редактор удалит стили, так что придется вставить их в какой нибудь файл который используется на странице где будет выводится модуль
Записан
Занимаюсь создание расширений для Joomla 4.2.x | Доработка и настройка сайтов. Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
*

Dmitrius

  • Новичок
  • 8
  • 0 / 0
Re: Как сделать такой список на странице?
« Ответ #6 : 12.01.2018, 20:03:23 »
 :D Получилось.)

А CSS куда вставляется?

Я так понимаю это каким-то образом с сайта "образца" скопировано?
Записан
*

NewUsers

  • Живу я здесь
  • 2310
  • 216 / 0
  • +375 (25) 627-16-99 (WhatsApp, Telegram)
Re: Как сделать такой список на странице?
« Ответ #7 : 12.01.2018, 20:08:01 »
Цитата: Dmitrius от 12.01.2018, 20:03:23
Я так понимаю это каким-то образом с сайта "образца" скопировано?
Ну так от куда еще


Цитата: Dmitrius от 12.01.2018, 20:03:23
А CSS куда вставляется?
В любой который используется на странице...
Записан
Занимаюсь создание расширений для Joomla 4.2.x | Доработка и настройка сайтов. Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
*

Dmitrius

  • Новичок
  • 8
  • 0 / 0
Re: Как сделать такой список на странице?
« Ответ #8 : 12.01.2018, 20:34:25 »
У меня сейчас вот так отображается (в одну колонку), что не так?

Записан
*

NewUsers

  • Живу я здесь
  • 2310
  • 216 / 0
  • +375 (25) 627-16-99 (WhatsApp, Telegram)
Re: Как сделать такой список на странице?
« Ответ #9 : 12.01.2018, 20:36:56 »
Цитата: Dmitrius от 12.01.2018, 20:34:25
У меня сейчас вот так отображается (в одну колонку), что не так?
стилей нет
Записан
Занимаюсь создание расширений для Joomla 4.2.x | Доработка и настройка сайтов. Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
*

Dmitrius

  • Новичок
  • 8
  • 0 / 0
Re: Как сделать такой список на странице?
« Ответ #10 : 12.01.2018, 20:41:18 »
Вставил этот код в конце template.css", не знаю, как но работает)))
Записан
*

Dmitrius

  • Новичок
  • 8
  • 0 / 0
Re: Как сделать такой список на странице?
« Ответ #11 : 12.01.2018, 20:45:31 »
Осталось теперь сообразить, как размножать строки, копирование в визуальном редакторе не прокатило, отобразилось, как "подпункт"
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Сортировка по доп. полям на странице списка категории

Автор revil

 Ответов: 4
Просмотров: 2394 		Последний ответ 02.06.2024, 13:42:45
от tigra-uki
Как сделать картинку ссылкой на материал без Вводного изображения?

Автор OZlaim

 Ответов: 0
Просмотров: 1643 		Последний ответ 30.05.2024, 01:28:37
от OZlaim
Не могу обновить контент на странице

Автор Aleksey G

 Ответов: 10
Просмотров: 1940 		Последний ответ 02.01.2024, 22:11:43
от Aleksey G
Как сделать отображение времени создания материала?

Автор Pzhigalov

 Ответов: 0
Просмотров: 1727 		Последний ответ 27.09.2023, 22:45:29
от Pzhigalov
[Решено] Получить список тегов каждого материала в блоге категории

Автор goga_pgasovav

 Ответов: 1
Просмотров: 1227 		Последний ответ 02.03.2023, 14:20:21
от goga_pgasovav