Пост опубликован: 03, Окт, 21

Как сделать сравнение товаров на сайте

Сравнение товаров на сайте — популярная функция во многих интернет-магазинах. Реализация функционала повышает уровень юзабилити ресурса, позволяя клиентам принять взвешенное решение о покупке на основании сравнения характеристик товаров. Подробнее на сайте https://devicelist.best/en/.

Зачем нужно сравнение товаров в интернет-магазинах

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

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

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

На сайтах, где нет функции сравнения, пользователям сложнее сориентироваться в ассортименте и понять, каким образом формируется цена на то или иное изделие. Часто товары одной группы отличаются по стоимости только из-за нескольких технических характеристик, которые лучше всего заметны при сравнении на одной странице.
Важно, чтобы добавление в сравнение было удобным и наглядным, при этом верстка страницы сравнения должна быть адаптирована под мобильные устройства.Как правило, в CMS интернет-магазинов уже есть встроенные решения, позволяющие сравнивать товар, однако модули расширяют возможности и делают использование сравнительных таблиц более удобным.

Как реализовать сравнение товара в интернет-магазине на OpenCart

Данный инструмент позволяет улучшить сравнение товара в OpenCart версии 2.3 таким образом:

  • разделить товары при сравнении по категориям;
  • отключить ненужные поля, присутствующие в стандартном варианте, например: вес, описание товара;
  • установить лимит количества товаров для сравнения в различных категориях;
  • использовать технологию ajax при удалении товара из списка, благодаря чему не будет перегружаться страница;
  • использовать слайдер в таблице с товарами;
  • быстро удалить все выбранные товары в таблице, нажав «Очистить все».

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

Ответить

Почта не будет опубликована.Обязательны для заполенения *