Только пользователям разрешено входить в центр администрирования. Войти
Генератор виджетов
Виджет со статьми
«Виджет» – это интерактивный блок с данными для размещения на сайте. Виджет можно генерировать при помощи специального короткого кода («ShortCode»), который может содержать дополнительные параметры. Полученный код можно вставить на страницы или в Блоки/Меню.Как вставить сгенерированное меню?
- Вы можете воспользоваться кодом автоматической замены, введя [MENU:blog_page_slider:cat_id-0:site-0:start-0:on_page-10]
Список значений вы можете заполнить при помощи генератора «Видежт со статьями». - Вы можете вставить код сгенерированного меню в блоки/меню или на страницы.
-
Внимание! Если вы используете несколько меню на одной странице, то вам не нужно вставлять Java Script и CSS стиль повторно.
По умолчанию в стандартном наборе функций вашего магазина уже вшит данный JavaScript и CSS стиль. Вы можете повторно вставить код только если вам нужно изменить его дизайн или функции.
В коде можно использовать следующие параметры:
- :cat_id- - ID категории (будут отображены статьи только из этой категории)
- :site- - ID вашего сайта, но внутри вашего сайта можно не использовать
- :on_page- - Количество отображаемых статей в слайдере
- :start- - начальная страница слайдера, число, с которого начать просмотр продуктов. Например, если на странице отображается 6 статей, а стартовое число будет 2, то будут отображены статьи с 6 по 12.
- :description - Показывать краткое описание
- :repeat - повторять слайды после того, как закончится список статей
- :random - Показывать без упорядочивания по ID
- :one - Прокручивать только по одной статье
- :blog_id - ID статей (через запятую, без пробелов)
- :lang- - язык отображаемых статей (если не указан, то будет использоваться язык открытой страницы)
- :order_by- - Сортировка. 0 - по Дате, 1 - По ID, 4 - По наименованию
- :sort_by- - Сортировка. ASC - По возрастанию, DESC - По убыванию
- :append - добавлять новые данные в конце
- :swipe - добавить эффект Swipe смещения при прикосновении (работает только не указан :append и :carousel)
Инструкция (обязательно)
Внимание! Для работы данного скрипта на странице обязательно необходимо установить скрипт <script src="/templates/scripts/hotengine-script-blog-list-base-slider-touch.js"></script>
Данный параметр активируется, если у основного блока со списком статей (class="hotengine-blog-page-list-div") есть атрибут data-swipe="1" (в виджете это делается при помощи кода :swipe). Скрипт активирует кнопку прокрутки вперёд или назад. - :add-javascript - если не добавить данный параметр, то будет только список статей (без javscript и css стилей, которые нужно предварительно вставлять самостоятельно).
Данный параметр удобен в том случае, если вы хотите оформить собственный стиль для слайдера. В этом случае нужно вставить JavaScript, CSS код, и короткий код [MENU...] - :id- - привязать ID к основному DIV. Можно использовать для индивидуальной стилизации области слайдера
Ajax загрузка списка статей:
Генератор блока со статьями можно загрузить при помощи GET/POST/AJAX запроса. Для этого необходимо выполнить запрос с вашего сайта (вашего домена) на страницу «/ajax_get_list_blog.php». В запросе можно указать дополнительные свойства для отображения статей. Список всех возможных значений вы можете узнать выше. Для корректного отображения статей, необходимо добавить HTML оболочку и родительские элементы, а также кнопки для перематывания/продолжения списка статей (прокрутка вперед/назад). Пример такой оболочки и передачи параметров показан по ссылке - Пример загрузки списка статей и передачи параметров через AJAX/POST/GET.