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

1. Вы можете воспользоваться кодом автоматической замены, введя [MENU:shop_producers:start-XX:list], где XX - ID стартовой категории.
   Список значений вы можете заполнить при помощи генератора «Виджета с производителями магазина».
2. Вы можете вставить код сгенерированного меню в блоки/меню или на страницы.
3. Внимание! Если вы используете несколько меню на одной странице, то вам не нужно вставлять Java Script и CSS стиль повторно.
   По умолчанию в стандартном наборе функций вашего магазина уже вшит данный JavaScript и CSS стиль. Вы можете повторно вставить код только если вам нужно изменить его дизайн или функции.

В коде можно использовать следующие параметры:

• :vertical - вертикальное меню
• :horizontal - горизонтальное меню (Можно отображать и внтури страниц в виде блоков с разным уровнем вложенности. Дополнительный стиль к блоку можно указать задав ID-«hotengine-categories-lists-horizontal»)
• :dropdown - выпадающее меню
• :full - список категорий в раскрытом виде
• :list - стандартный список подкатегорий (отображение такого же списка подкатегорий, как на странице основной выбранной start-X категории. При использовании list используется только параметр start-X)
• :products - Показывать количество товаров внутри категории
• :dataattr - Добавить data- разметку с информацией о категории (ID, количество дочерних категорий, количество товаров)
• :googlenav - Добавить Google разметку (itemprop name и url)
• :imageattr - Добавить атрибут с иконкой (Если для категории задана иконка, то к ней будет добавлен специальный атрибут — его можно использовать для отображения этой иконки в меню.)
• :scroll-9999x3 - Scroll эффект для категорий (только в режиме :list) - заменяет способ отображения на блок с горизонтальной прокруткой категорий. Функция активируется только если ширина экрана меньше указанного значения. Пагинация задаётся вторым параметром (количество точек).
  
  Способ добавления параметра

  Блок категорий будет прокручиваться при указанных в параметрах значениях, например «:scroll-9999x3», где:

  • 9999 — максимальная ширина экрана для активации прокрутки;
  • 3 — количество точек в пагинации (если не указано, пагинация выключена).
• :carousel - карусельная прокрутка с поддержкой touch swipe, например [MENU:shop_producers:start-0:list:htmlonly:carousel:carousel-margin-6] *
  Изменение параметров

  
  

  ---

  
  Доступные параметры (:carousel-ПАРАМЕТР-ЗНАЧЕНИЕ):
  items (число, по умолчанию авто) — количество видимых товаров
  margin (px, 0) — отступ между товарами
  slideBy (число, =items) — сколько товаров листать за клик
  smartSpeed (ms, 250) — скорость анимации
  stagePadding (px, 0) — отступ контейнера
  nav (true/false, true) — кнопки навигации
  dots (true/false, false) — точки пагинации
  loop (true/false, false) — зацикленная прокрутка
  rewind (true/false, true) — перемотка в начало
  autoplay (true/false, false) — автопрокрутка
  autoplayTimeout (ms, 9000) — интервал
  autoplaySpeed (ms, 250) — скорость
  autoplayHoverPause (true/false, true) — пауза при наведении
  mouseDrag / touchDrag (true/false, true) — перетаскивание
  freeDrag (true/false, false) — свободное перетаскивание
  center (true/false, false) — центрирование
  autoWidth (true/false, true на мобильных) — авто-ширина
  autoHeight (true/false, false) — авто-высота
  animateOut / animateIn (строка) — CSS класс анимации
  startPosition (число, 0) — начальная позиция
  
  Пример: :carousel:carousel-margin-6:carousel-autoplay-true:carousel-autoplayTimeout-3000
  Параметры также задаются через data-атрибуты: data-carousel-margin="10"

  ---

• :add-javascript - если не добавить данный параметр, то будет только список категорий (без javscript и css стилей, которые нужно предварительно вставлять самостоятельно).
  Данный параметр удобен в том случае, если вы хотите оформить собственный стиль для меню, но хотите что бы категории вствлялись автоматически. Тогда вам нужно вставить JavaScript, CSS код, и короткий код [MENU...]
• :start-X - где Х, это ID той рубрики с которой нужно начать.
  Данный параметр полезен в том случае, если у вас сначала идет категория «Производители» и в ней подкатегории. Тогда вы сможете не показывать в меню вашу главную категорию «Производители».
• :id- - создать объект DIV c указанным ID, внутрь которого будет вставлено меню. Можно использовать для индивидуальной стилизации меню