К основному содержимому
Создание и настройка фильтров

Как настроить фильтры на странице каталога, варианты отображения фильтров, фильтры в мобильной версии

Обновлено больше недели назад

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

Внимание: для настройки фильтров необходимо создавать характеристики с типом Число, Выбор из списка или Да/Нет.

Выбор фильтров на странице каталога

Для настройки фильтров на странице каталога:

  1. В разделе СайтСтраницы выберите раздел каталога, для которого необходимо настроить фильтры, и нажмите иконку шестеренки, чтобы войти в редактирование настроек.

  2. В поле Фильтры из раскрывающегося списка выберите характеристики, фильтрация по которым будет отображаться на странице каталога.

  3. Установите порядок отображения фильтров на странице, перемещая их в списке в настройках категории.

  4. Нажмите Сохранить.

Выбор фильтров на странице каталога — Хорошоп

Кроме уникальных фильтров по характеристикам, которые настроены в ваших шаблонах товаров, на страницах категорий можно отображать фильтры по предустановленным характеристикам:

  • Иконки

  • Бренд

  • Цена

  • Цвет

Любые выбранные фильтры будут отображаться, только если у товаров заполнены соответствующие значения характеристик.

Отображение фильтров на сайте

Фильтры на страницах подкатегорий

  • Фильтры, настроенные для категории, будут отображаться во всех вложенных подкатегориях, если для них не настроен свой выбор фильтров.

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

Фильтры на странице поиска и страницах брендов

На странице результатов поиска и на страницах в разделе Бренды будут отображаться фильтры, которые настроена для корневой страницы Каталог.

Внешний вид фильтров

У фильтров есть три варианта отображения на странице каталога:

  • Ползунок — для характеристик с типом Число.

  • Чекбоксы — для характеристик с типом Выбор из списка или Да/Нет.

  • Иконки цвета — только для предустановленной характеристики Цвет.

С помощью редактора дизайна вы можете изменять тип отображения и некоторые параметры фильтров. Для этого перейдите в раздел админ-панели Сайт Дизайн Редактор дизайна, разверните пункт Страница категории и перейдите на вкладку Фильтр.

Настройка вида фильтров — Хорошоп

Рассмотрим доступные настройки подробнее.

Вертикальные фильтры

По умолчанию для фильтров установлен вертикальный вариант отображения.

Для такого отображения фильтра можно настроить один из трех размеров отображения элементов — S, M и L.

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

Горизонтальные фильтры

При желании можно включить горизонтальное отображение фильтров в одну строку с сортировкой. Этот вариант не универсален, нужно следить, чтобы все параметры поместились в одну строку.

Примеры горизонтального отображения фильтров можно увидеть в дизайнах из галереи: Vivix, Sunella.

Свернутые/развернутые фильтры

Также можно включить возможность сворачивания фильтров и настроить их количество, которое будут отображаться на странице каталога в развернутом виде.

Ограничение видимых значений параметра фильтра

В фильтре можно настроить количество значений, которые будут отображаться. Остальные значения будут доступны либо в прокрутке, либо при нажатии на кнопку Показать еще на ваш выбор.

Читайте также

Нашли ответ на свой вопрос?