Каталог, поиск и фильтры

На витрине магазина легко найти нужное: категории, сортировка по цене, живой поиск и умные фильтры по характеристикам товаров.

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

Главная страница витрины: баннер и новинки
Главная страница: баннер магазина и новинки

Каталог и категории

В шапке магазина — меню категорий, а в разделе «Каталог» слева показано всё дерево: корневые категории и их подкатегории. Если открыть категорию «Одежда», в списке будут и товары из вложенных «Футболок» и «Худишек» — отдельно ходить по каждой не нужно.

Вверху списка — сортировка: новинки (по умолчанию), сначала дешёвые и сначала дорогие. У товара с несколькими вариантами (например, у худи разных расцветок) в сортировке и каталоге участвует самая низкая цена варианта — как «цена от».

Каталог магазина с сортировкой и деревом категорий
Каталог: дерево категорий слева, сортировка сверху, до 24 товаров на страницу

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

Внутри категории появляются фильтры. Поле «Цена, ₽» показывает реальный диапазон цен этой категории — просто введите границы «от» и «до». А чекбоксы ниже строятся из характеристик самих товаров: если у кроссовок заполнено «Бренд» и «Материал», фильтры появятся автоматически; нет характеристик — нет и лишних фильтров.

Страница категории с фильтрами по цене и характеристикам
Фильтры в категории: цена «от–до» и чекбоксы по характеристикам

Поиск

Строка поиска в шапке ищет по названиям товаров. Достаточно двух символов — результат обновится на отдельной странице поиска. Не нашли? Попробуйте более короткий запрос: «худи» найдёт и «Худи классическое», и «Худи утеплённое».

Карточка товара

На странице товара — все фото с миниатюрами, описание и таблица характеристик. Если у товара есть варианты (размер, цвет), они показываются кнопками: цена, наличие и старая цена пересчитываются на ходу под выбранную комбинацию. Кнопка «В корзину» активна, только если выбранный вариант есть на складе.

Карточка товара с выбором размера и цвета
Выбор варианта обновляет цену и наличие без перезагрузки страницы
Подсказка. Зачёркнутая цена рядом с актуальной — скидка, которую задал магазин. Бейджи «Скидка» и «Нет в наличии» видны прямо в каталоге.