Готовый комплект для сравнения товаров в интернет-магазине: список на странице + кнопка на карточке + счетчик в хедере

Готовый комплект для сравнения товаров в интернет-магазине: список на странице + кнопка на карточке + счетчик в хедере — советы в блоге

21 января 2026


Автор: Агентство Bquadro

Как внедрить функционал сравнения товаров на сайте: ловите свежий модуль от Bquadro. Модуль для интернет-магазинов “Bquadro: Сравнение товаров Pro” поможет сделать раздел “Сравнение” с минимальными усилиями и знаниями в администрировании сайта.

Фото 1: «Готовый комплект для сравнения товаров в интернет-магазине: список на странице + кнопка на карточке + счетчик в хедере»

   

Модуль позволяет добавить товары в сравнение как авторизованным, так и неавторизованным пользователям.

  • Если пользователь не авторизован, то сравниваемые товары привязываются к неавторизованному пользователю и хранятся в кукис 30 дней.

  • При авторизации все сравниваемые товары на сайте привязываются к текущему пользователю. Соответственно, таблица сравнения будет доступна с любого устройства.

Фото 2: «Готовый комплект для сравнения товаров в интернет-магазине: список на странице + кнопка на карточке + счетчик в хедере»

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

Функционал добавления товаров в сравнение и вывод их на отдельной странице реализуется на сайте в несколько шагов.

1. Установите модуль "Bquadro: Сравнение товаров Pro".

2. Выберите, где будет располагаться страница Сравнение на сайте, и разместите на этой странице компонент "bquadro.compare:catalog.compare"

Фото 3: «Готовый комплект для сравнения товаров в интернет-магазине: список на странице + кнопка на карточке + счетчик в хедере»

   

3. Добавьте в шаблон сайта элементы с конкретными атрибутами: кнопку для добавления товара в сравнение, блок для отображения количества сравниваемых товаров в шапке сайта. Нужные атрибуты и примеры кода мы указали в карточке модуля на вкладке “Установка”.

Фото 4: «Готовый комплект для сравнения товаров в интернет-магазине: список на странице + кнопка на карточке + счетчик в хедере»


   
Внешний вид всех элементов регулируется вашими правилами css.
Больше полезных модулей смотрите тут: в каталог →