Виджет «Каталог товаров»

Виджет «Каталог товаров» позволяет отобразить как все товары, так и отдельно выбранные категории товаров.

Виды отображений (3 вида)

1. По умолчанию

2. Список категорий слева

3. Список категорий сверху

Особенности:

— лаконичность;

— более привычный вид.

Особенности:

— т.к. категории отображаются списком слева, а товары этих категорий справа, то отпадает необходимость делать лишний клик, чтобы добраться до самого товара;

— более удобный вид, когда рубрикатор располагается слева;

— удобно, когда количество категорий большое, более 6-8.

Особенности:

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

— больше подходит когда количество категорий небольшое, менее 6-8;

— отлично подходит в маркетинговых целях, когда рубрикатор имеет наименование "Новинки", "Популярное", "Подарки", "Для особых случаев" и т.д.

Как создать?

Чтобы создать виджет «Каталог товаров», в админ-панели сайта войдите в раздел «Контент → Виджеты», нажмите на кнопку «Добавить» в правом верхнем углу. В открывшемся окне найдите виджет «Каталог товаров» и нажмите «Создать».

Параметры

Общие

Перед вами откроется форма с возможностью выбрать параметры виджета.

Заполните поля и выберите параметры:

• Название виджета
  Внутреннее название для админ-панели. Нигде не отображается.

• Тип устройства

  • Универсальный — виджет будет отображаться на всех устройствах;

  • Для десктопа — отображение будет только на компьютере/ноутбуке;

  • Для мобильных устройств — отображение только на мобильных устройствах.

• Количество элементов в строке
  Можно выбрать 3, 4, 6 или 12 элементов в строке/ряду. Если у вас большой ассортимент товаров, оптимальнее выбирать 6 или 12, чтобы на одном экране помещалось больше товаров.

• Отображение

  • По умолчанию — отображаются категории товаров:

  • Меню слева — список категорий будет отображаться слева, а товары справа;

    • Количество отображаемых товаров — ограничение отображаемых товаров в категории;

  • Меню сверху — список категорий будет отображаться сверху, а товары снизу.

    • Количество отображаемых товаров — ограничение отображаемых товаров в категории.

• Показывать все категории
  При выборе этого параметра, будут показываться все категории товаров, которые есть на сайте. Если вы хотите показывать на сайте только определенные категории, переключите бегунок напротив нужной категории.

Дополнительные

При оформлении сайта вы можете использовать опцию виджета "Задвоенный вид".

• 1. Если вы выбрали отображение виджета "По умолчанию", то при задвоенном виде отображаются тизеры Категорий;

  2. Если вы выбрали отображение виджета "Меню слева" или "Меню сверху", то при задвоенном виде отображаются тизеры Товаров.

Нажмите на кнопку "Настроить задвоенный вид" и выберите отображение какой категории или товара будет задвоенным.

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

Требования к изображениям

Требования к изображениям зависят от параметров виджета «Количество элементов в строке» и «Отображение».

Отображение "По умолчанию"

Отображение "Меню слева"

Отображение "Меню сверху"

Допустимые форматы: .jpeg, .png и .gif.

Количество элементов в строке и соответствующий размер изображения:

3 элемента — 440 x 440 px (параметры задвоенного отображения 920 x 440 px);

4 элемента — 320 x 320 px (680 x 320 px);

6 элементов — 200 x 200 px (440 x 200 px);

12 элементов — 80 x 80 px (200 x 80 px).

Допустимые форматы: .jpeg, .png и .gif.

Количество элементов в строке и соответствующий размер изображения:

3 элемента — 320 x 320 px (параметры задвоенного отображения 680 x 320 px);

4 элемента — 230 x 230 px (500 x 230 px);

6 элементов — 140 x 140 px (320 x 140 px);

12 элементов — 50 x 50 px (140 x 57 px).

Допустимые форматы: .jpeg, .png и .gif.

Количество элементов в строке и соответствующий размер изображения:

3 элемента — 440 x 440 px (параметры задвоенного отображения 920 x 440 px);

4 элемента — 320 x 320 px (680 x 320 px);

6 элементов — 200 x 200 px (440 x 200 px);

12 элементов — 80 x 80 px (200 x 80 px).

Порядок установки (2 вар.)

1 вариант — Через вставку кода

После сохранения всех параметров, скопируйте «Код для установки на сайт».

Перейдите на нужную страницу или продукт, в режиме исходного кода вставьте код виджета в то место, которое необходимо.
Готово!

(Дважды кликните по изображению, чтобы запустить GIF)

2 вариант — Через редактор страниц

Перейдите в раздел "Контент → Наполнение сайта → Страницы" нажмите на название страницы. Вы окажитесь в редакторе страниц.
Слева выберите необходимый виджет и вставьте в поле правее в нужном порядке.
Готово!

(Дважды кликните по изображению, чтобы запустить GIF)