Только пользователям разрешено входить в центр администрирования. Войти

Генератор виджетов

Виджет со статьми

«Виджет» – это интерактивный блок с данными для размещения на сайте. Виджет можно генерировать при помощи специального короткого кода («ShortCode»), который может содержать дополнительные параметры. Полученный код можно вставить на страницы или в Блоки/Меню.

Как вставить сгенерированное меню?

  1. Вы можете воспользоваться кодом автоматической замены, введя [MENU:blog_page_slider:cat_id-0:site-0:start-0:on_page-10]
    Список значений вы можете заполнить при помощи генератора «Видежт со статьями».
  2. Вы можете вставить код сгенерированного меню в блоки/меню или на страницы.
  3. Внимание! Если вы используете несколько меню на одной странице, то вам не нужно вставлять 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.