Как добавить фильтры в магазине

Фильтры помогают покупателю сразу увидеть товары, которые подходят именно ему: нужного размера, любимого цвета или в пределах его бюджета. Фильтр можно сделать по цене, распродаже, наличию, а также по параметрам и характеристикам товаров. Чтобы фильтровать по параметрам или характеристикам, сначала заполните их в карточках товаров. Подробнее об этом в руководствах: Как создать варианты продуктов по размерам цветам и другим параметрам и Как добавить характеристики товара.

Создание фильтра

1. Перейдите в раздел Магазин > Каталог > Фильтры и нажмите кнопку Добавить фильтр.

2. В колонке Фильтр по выберите свойство, по которому будут фильтроваться товары. Свойства в списке разделены на группы: Информация о товаре (цена, распродажа, наличие), Параметры и Характеристики.

3. После выбора нужного варианта поле Название в каталоге заполнится автоматически. Это название покупатель увидит в фильтре на сайте. При необходимости замените его своим, например «Цвет» на «Оттенок».

4. В колонке Тип фильтра выберите, как покупатель будет выбирать значения. Доступны для выбора типы Несколько вариантов, Один вариант, Диапазон или Да/Нет.

Набор доступных типов будет зависеть от самого свойства, по которому фильтр будет работать. Например, для цены можно выбрать только тип Диапазон. Покупатель сможет указать цену товара «от» и «до». Для параметров и характеристик будут доступны только типы Несколько вариантов и Один вариант. Для наличия и распродажи подходит только тип Да/Нет. Остальные типы будут неактивны, а при наведении на них появится подсказка с подробной информацией.

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

Фильтр сохраняется автоматически, как только выбраны Фильтр по и Тип фильтра. Если уйти из раздела с незаполненной строкой, она не сохранится.

Порядок и отображение фильтров

Чтобы добавить следующий фильтр, нажмите кнопку Добавить фильтр еще раз. Всего можно создать до 15 фильтров. По одному свойству можно сделать только один фильтр.

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

Чтобы временно скрыть фильтр с сайта, не удаляя его, снимите отметку Отображение.

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

После создания фильтра откройте страницу каталога на сайте. Фильтры появятся над списком товаров.

Если все фильтры не помещаются в одну строку, в ее конце появится кнопка Все фильтры, которая открывает панель со всеми фильтрами. Выбранные значения показываются тегами под строкой фильтров, а кнопка Сбросить все очищает выбор. 

На мобильной версии фильтры открываются кнопкой Все фильтры.

Тексты фильтров на сайте переводятся автоматически, когда вы меняете язык магазина.

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

1. Фильтры по цене, наличию и распродаже видны на всех страницах каталога, если они включены. Фильтр по параметру или характеристике виден только там, где это свойство заполнено хотя бы у одного товара. Например, фильтр «Пряжка» появится в категории «Ремни», но не появится в категории «Обложки», если такой характеристики или параметра там нет.

2. Фильтры учитывают товары той страницы, которую открыл покупатель: в категории — товары этой категории и её подкатегорий, на главной странице магазина — товары из первой категории или из всех. Это зависит от настройки Отображение товаров на главной странице магазина в разделе Магазин > Оформление > Страница каталога.

   

3. В фильтре будут видны только значения товаров этой страницы. Например, в категории «Пледы» в фильтре «Размер» будут только размеры пледов, без размеров скатертей. Если значение при текущем выборе не даст ни одного товара, оно будет неактивным.

4. Фильтр по параметрам ищет только те товары, у которых значение этого параметра можно купить. Если у футболки раскуплен размер L, по L она не найдётся, а если на неё доступен предзаказ — найдётся. Если выбрать несколько параметров, например размер и цвет, товар найдётся, только если есть именно такое сочетание.

5. В наличии считается товар, у которого остаток больше нуля или не ограничен (установлен символ ∞). Товары под предзаказ фильтр по наличию не показывает. 

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

Как изменить внешний вид фильтров

Цвет текста фильтров зависит от настроек категорий товаров в Дизайн-редакторе во вкладке Магазин. Текст значений фильтра зависит от стиля Маленький текст.

За цвет фона выпадающих списков и панели Все фильтры отвечает настройка фона для подкатегорий.

Кнопки Показать и ОК повторяют стиль кнопки в карточке товара.

Как удалить фильтр

В разделе Магазин > Каталог > Фильтры нажмите на иконку корзины справа от строки фильтра и подтвердите удаление.

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