Покупатель выбирает товары — страница не мигает и не прыгает наверх
В обычном каталоге каждый щелчок по фильтру или сортировке — новая загрузка страницы: белый экран, прокрутка сбрасывается, покупатель заново ищет место, где остановился. На третьем фильтре многие бросают.
Здесь список товаров меняется на месте: выбрали рубрику, отсортировали по цене, догрузили ещё — всё без перезагрузки, а выбор сохраняется в адресе страницы.
Для каталогов, где товаров больше одного экрана
Магазины с десятками и сотнями позиций, каталоги услуг, прайсы с фильтрами по цене и рубрикам — везде, где покупатель сужает выбор несколько раз подряд.
Владелец магазина
Покупатель остаётся в каталоге: сужает выбор щелчками и не теряет место, где остановился.
Маркетолог
Выборка с фильтром и сортировкой — обычная ссылка. Её можно поставить в рассылку или рекламу: откроется ровно она.
Покупатель
Фильтр, сортировка, ещё товары — список меняется сразу, без белого экрана и прыжка наверх.
Выбрали рубрику — список сменился на месте
Щелчок по варианту фильтра меняет только список товаров и саму панель: выбранный вариант виден сверху, рядом — «Очистить всё». Шапка и меню остаются на месте, если список ушёл выше экрана — страница плавно вернёт к его началу, а в адресе появляется выбор.
Ещё товары — сразу под последней карточкой
Вместо переходов по страницам 1, 2, 3 — кнопка «Показать ещё» прямо под списком. Новые карточки встают в конец, счётчик показывает, сколько уже на экране и сколько всего. Сортировка и фильтр при этом сохраняются.
Так же аккуратно в тёмной теме
Панель фильтров, выбранный вариант и карточки берут цвета темы сайта — в тёмной теме всё читается так же ясно, как в светлой.
На телефоне панель фильтров не закрывается после каждого выбора
На узком экране фильтры собраны в одну панель. После выбора варианта список за ней уже новый, а сама панель остаётся открытой — можно сразу выбрать следующий фильтр.
- Панель «Фильтры» — открывается одной кнопкой и не сворачивается после выбора
- Выбранное — сверху — каждый вариант снимается крестиком, всё сразу — «Очистить всё»
- Сортировка рядом — по позиции, названию или цене — тоже без перезагрузки
Удобство — без риска для заказов и поиска
- Адрес помнит выбор — фильтр, сортировка и догруженная страница — в ссылке; «Назад» и «Вперёд» в браузере возвращают прежние выборки
- Сбой не мешает купить — если запрос не удался, сайт просто откроет ту же выборку обычным переходом — выбор покупателя не теряется
- Поиск видит каталог как раньше — страницы каталога остаются обычными страницами с адресами и навигацией по ним
- Настраивать нечего — работает во всех рубриках каталога сразу, с теми фильтрами, которые уже есть на сайте
Прошли каталог как покупатель — шаг за шагом
- В русской и английской версии, в светлой и тёмной теме выбрали рубрику, отсортировали по цене, нажали «Показать ещё» и вернулись «Назад» — страница ни разу не перезагрузилась.
- «Показать ещё» добавил 12 карточек к 12 — счётчик показал «24 / 35», кнопка стоит сразу под последней карточкой.
- На телефоне панель «Фильтры» осталась открытой после выбора рубрики, список за ней обновился.
Каталог, в котором удобно выбирать
Настроим каталог вашего магазина: фильтры, сортировку и догрузку товаров без перезагрузки — на компьютере и телефоне, в светлой и тёмной теме. Запускаете магазин с нуля? Смотрите услугу разработки интернет-магазина.
