Новости Joomla

Добавление полей Joomla в результаты Умного Поиска при помощи JFilters

Страница результатов Умного Поиска позволяет нам отображать некоторые поля (изображение, категорию, дату и т. д.), но не пользовательские поля. Поскольку поля Joomla предоставляют очень гибкий способ добавления дополнительных свойств к нашему контенту, их отображение в результатах поиска может сделать результаты более значимыми.

Вышел JoomShopping 5.4.0

Один из популярных компонентов интернет-магазина для Joomla за недавнее время получил 3 релиза: 5.3.4, 5.3.5, 5.4.0.

Вышли релизы Joomla 5.1.0 и Joomla 4.4.4

Вышли релизы Joomla 5.1.0 и Joomla 4.4.4

👩‍💻 Какие новые возможности появились в Joomla 5.1?

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

Dmitrius

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

https://okna5.ru/ru/production

Записан
*

NewUsers

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

Dmitrius

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

NewUsers

  • Живу я здесь
  • 2307
  • 215 / 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 3.10.x и 4.2.x | Доработка и настройка сайтов. Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
Работа с DOM деревом на PHP
*

Dmitrius

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

NewUsers

  • Живу я здесь
  • 2307
  • 215 / 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 3.10.x и 4.2.x | Доработка и настройка сайтов. Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
Работа с DOM деревом на PHP
*

Dmitrius

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

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

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

NewUsers

  • Живу я здесь
  • 2307
  • 215 / 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 3.10.x и 4.2.x | Доработка и настройка сайтов. Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
Работа с DOM деревом на PHP
*

Dmitrius

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

Записан
*

NewUsers

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

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   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не могу обновить контент на странице

Автор Aleksey G

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

Автор Pzhigalov

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

Автор goga_pgasovav

 Ответов: 1
Просмотров: 403 		Последний ответ 02.03.2023, 14:20:21
от goga_pgasovav
ajax загрузка компонента на странице материала К2

Автор Divn

 Ответов: 0
Просмотров: 525 		Последний ответ 13.01.2023, 15:05:52
от Divn
Как сделать боковое выпадающее меню гамбургер

Автор Mnojitell

 Ответов: 0
Просмотров: 414 		Последний ответ 15.12.2022, 14:24:20
от Mnojitell