Только пользователям разрешено входить в центр администрирования. Войти
Генератор виджетов
Виджет с категориями магазина
«Виджет» – это интерактивный блок с данными для размещения на сайте. Виджет можно генерировать при помощи специального короткого кода («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]
Запустить генератор «Виджета с категориями магазина»Генерировать вертикального меню с категориями и количеством товаров в них или вставить в виде кода [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 (?)