Настройка умного фильтра каталога

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

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

Ко мне обратился клиент, у которого есть интернет магазин на Битриксе. Казалось бы, обычный интернет магазин, на нём есть умный фильтр, но пользоваться им было крайне не удобно. Изначально он выглядел вот так:

Это была длинная портянка из перечисленных свойств, для пользования которой нужно было постоянно скролить. Причём далеко не каждый пользователь знал как пользоваться фильтром, он ставил галочку в checkbox, и не видел кнопку "показать" (а нужно было прокрутить, чтобы на неё нажать), пользователь не видел что что-то меняется при нажатии на эту галочку, думал что сайт сломан, или не корректно работает. Пользователь не находил нужной информации и уходил с сайта.

Исходя из описанного поведения пользователя клиент решил переделать этот фильтр.

Ряд требований к умному фильтру:

• Каждое из свойств должно иметь функцию сворачиваться и разворачивать полностью
• При первом заходе пользователя виден не весь список значений свойств, а только значения определённые по умолчанию. Список значений свойств тоже должен сворачиваться и разворачиваться
• Предусмотреть возможность изменения значений свойств по умолчанию в админке Битрикса
• Фильтр должен помещаться во всю высоту экрана

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