Сырный сомелье. Фильтр товаров

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

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

 

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

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

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

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

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

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

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


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

 

 

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