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

...

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

Виджет с категориями магазина

«Виджет» – это интерактивный блок с данными для размещения на сайте. Виджет можно генерировать при помощи специального короткого кода («ShortCode»), который может содержать дополнительные параметры. Запустить генератор «Виджета с категориями магазина»Как вставить сгенерированное меню?
  • 1)Вы можете воспользоваться кодом автоматической замены, введя [MENU:shop_categories:vertical:products]

    В коде можно использовать следующие параметры:
    • :vertical - вертикальное меню
    • :horizontal - горизонтальное меню (Можно отображать и внтури страниц в виде блоков с разным уровнем вложенности. Дополнительный стиль к блоку можно указать задав ID-«hotengine-categories-lists-horizontal»)
    • :dropdown - выпадающее меню
    • :full - список категорий в раскрытом виде
    • :list - стандартный список подкатегорий (отображение такого же списка подкатегорий, как на странице основной выбранной start-X категории. При использовании list используется только параметр start-X)
    • :treelevel-X - Где X, это уровень вложенности в категории. Например, если нужно разместить только основные катгории и их дочерние рубрики без вхождения в их последующие подрубрики, то можно использовать зачение «2»
    • :products - Показывать количество товаров внутри категории
    • :dataattr - Добавить data- разметку с информацией о категории (ID, количество дочерних категорий, количество товаров)
    • :googlenav - Добавить Google разметку (itemprop name и url)
    • :carousel - экспериментальная функция owl-carousel, прокрутка с поддержкой touch swipe *Изменение параметров ↓


      По умолчанию размер окна определяется при помощи Javascript.
      Вы можете указать множество дополнительных параметров, список которых доступен по этой ссылке: Docs Options.
      Для того, чтобы задать параметр воспользуйтесь шаблоном:
      :carousel-autoplayTimeout-1000
      :carousel-autoplaySpeed-5000
      :carousel-autoplay-true
      и так далее (:carousel-ПАРАМЕТР-ЗНАЧЕИЕ).

      Кроме того, опцию можно указать при помощи JavaScript атрибута carousel-...
      data-carousel-autoplayTimeout="1000"
      data-carousel-autoplaySpeed="5000"
      data-carousel-autoplay="true"
      и так далее (data-carouserl-ПАРАМЕТР="значение")


      Вы так же можете нарастить слайдер поверх стандартного слайдера платформы при помощи JavaScript.
      Создайте стандартный слайдер при помощи кода [MENU... и добавьте к блоку .hotengine-shop-products-list-div-append class hotengine-shop-products-list-carousel.
      Пример:
       Code: JavaScript 
       <script>
  $(function(){
 if($(window).width()<900){ //если размер окна менее 900пикс.
  $(".hotengine-shop-products-list-div-append").addClass("hotengine-shop-products-list-carousel"); //добавить carousel
  $nw = $(window).width()-60; 
  $("#stones_product_list").css("width",$nw)
  $(window).on("resize", function(){
  $nw = $(window).width()-60; 
  $("#stones_product_list").css("width",$nw)
  
  })
  }
  
  });</script>
    • :htmlonly - только список категорий (без javscript и css стилей, которые нужно предварительно вставлять самостоятельно).
      Данный параметр удобен в том случае, если вы хотите оформить собственный стиль для меню, но хотите что бы категории вствлялись автоматически. Тогда вам нужно вставить JavaScript, CSS код, и короткий код [MENU...]
    • :start-X - где Х, это ID той рубрики с которой нужно начать.
      Данный параметр полезен в том случае, если у вас сначала идет категори "Магазин" и в ней подкатегории. Тогда вы сможете не показывать в меню вашу главную категорию "Магазин".
    • :id- - создать объект DIV c указанным ID, внутрь которого будет вставлено меню. Можно использовать для индивидуальной стилизации меню

    Если вы используете генератор с помощью кода [MENU:shop_categories... То вам не нужно обновлять значения вашего меню при обновлении количества товаров и категорий.
    Например, в итоге ваш код для вставки будет выглядеть так - [MENU:shop_categories:vertical:products], это означет, что будет сгенерировано меню с вашими категориями, вертикальное, с указнием количества товаров внутри рубрики.
  • 2)Вы можете вставить код сгенерированного меню вручную. Для этого создайте Блок/Меню, с положением слева или справа, и вставьте в него код, написанный ниже. Вставлять необходимо все поля.

    В случае вставки кода вручную, при изменении количества категорий, вам необходимо обновить список и в вашем сгенерированном меню. Для этого вам нужно обновить только перечень значений, код области "HTML код меню".

    • Внимание! Если вы используете несколько меню на одной странице, то вам не нужно вставлять Java Script и CSS стиль повторно.

Генерировать вертикального меню с категориями или вставить в виде кода [MENU:shop_categories:vertical]

Генерировать вертикального меню с категориями и количеством товаров в них или вставить в виде кода [MENU:shop_categories:vertical:products]

Генерировать горизонтального меню с категориями или вставить в виде кода [MENU:shop_categories:horizontal]

Генерировать горизонтального меню с категориями и количеством товаров в них или вставить в виде кода [MENU:shop_categories:horizontal:products]

Генерировать горизонтального выпадающего при наведении меню с категориями или вставить в виде кода [MENU:shop_categories:dropdown]

Генерировать горизонтального меню выпадающего при наведении с категориями и количеством товаров в них или вставить в виде кода [MENU:shop_categories:dropdown:products]

Генерировать список всех категорий (полный список HTML) или вставить в виде кода [MENU:shop_categories:full]

Генерировать список всех категорий (полный список HTML) и количество товаров или вставить в виде кода [MENU:shop_categories:full:products]
Запустить генератор «Виджета с категориями магазина»
JSON (?)