Интернет-магазин «Сырный сомелье». Фильтр товаров

У многих интернет-магазинов фильтр располагается слева или справа от списка товаров. Занимает такой фильтр немалую часть страницы. А ведь по сути человек может воспользоваться фильтром только один раз, а дальше уже непосредственно просматривать найденные товары.

Поэтому я решил, что наш фильтр не будет постоянно на виду, а будет открываться в виде всплывающего окна. Когда фильтром не пользуются, он не занимает ценное место на экране. И в то же время, для фильтра выделяется всё пространство всплывающего окна, а не узкая колонка где-то сбоку.

 

Интернет-магазин «Сырный сомелье». Фильтр

Сбросить фильтр

Если не выбран ни один пункт фильтра, кнопка «Сбросить»  неактивна. Как только выбран хотя бы один пункт — кнопка становится активной.

Фильтр открывают в двух случаях:
1. ещё ничего не отфильтровано;
2. товары уже отфильтрованы, но нужно что-то изменить.

Кнопка «Сбросить фильтр» работает в каждом случае по-разному.
В первом случае она просто убирает галочки с выбранных пунктов в открытом окне фильтра. А во втором случае сразу показывает все товары без выборки (окно фильтра закрывается).

Принцип работы

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


К примеру, мы можем искать сыры и из коровьего, и из козьего молока, но обязательно без плесени и только из Швейцарии.

 

 

Интернет-магазин «Сырный сомелье». Фильтр