Bquadro: Сравнение товаров Pro

Модуль "Bquadro: Сравнение товаров Pro" позволяет добавить товары в сравнение по характеристикам как авторизованным, так и неавторизованным пользователям.

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

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

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

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

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

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

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

Для установки модуля требуется сначала установить бесплатный модуль “Bquadro: Мониторинг сайта”, содержащий общие классы для всех модулей Bquadro.

После этого вы можете продолжить установку стандартными средствами Битрикс:

• Перейдите в админке сайта в Marketplace → Каталог решений: /bitrix/admin/update_system_market.php

• Найдите модуль “Bquadro: Сравнение товаров Pro” (bquadro.compare). Установите модуль.

После установки модуля:

1. Разместите на нужной странице компонент "bquadro.compare:catalog.compare", который находится по пути Би-Квадро -> Сравнение товаров -> Таблица сравнения.

2. Для отображения кнопки "Сравнить" в карточке товара необходимо добавить кнопку с атрибутами:
1) data-entity="bq-compare-item"
2) data-id="1", где 1 - это ID элемента инфоблока

Пример кнопки:

<button data-entity="bq-compare-item" data-id="1">Сравнить</button>

3. Для показа количества сравниваемых товаров в шапке сайта необходимо разместить элемент с атрибутом:
1) data-entity="bq-compare-count"

Пример:

<div data-entity="bq-compare-count"></div>

4. Для добавления товара в избранное по API необходимо вызвать  функцию bqAddToCompare().

Пример кода:

use Bitrix\Main\Loader;

if (Loader::includeModule('bquadro.compare')) {
    $id = '1'; // ID элемента инфоблока
    bqAddToCompare($id):
}