Клиентская интеграция
Этапы подключения
1. Базовая интеграция
Интеграция Rocket Listing требует как минимум базовой интеграции Retail Rocket, в которую входит передача товарной базы и настройка отслеживания пользовательского поведения.
Однако может потребоваться настроить передачу дополнительных товарных атрибутов, которые необходимы для настроек фильтров в категорийном листинге.
Например: если желаемый вами дизайн выдачи должен содержать фильтр диагонали экрана для телевизоров, то в товарной базе должен передаваться этот самый параметр диагонали.
Подробнее о начале интеграции с Retail Rocket можно ознакомиться в соответствующем разделе.
2. Реализация клиентского дизайна
Перед началом работ согласовываются и фиксируются все требования к внешнему виду и поведению интерфейса. Это обеспечивает прозрачность процесса и исключает недопонимания на этапе внедрения.
3. Интеграция на сайт магазина
На этом этапе происходит подключение продукта к вашему сайту. Подробное описание процесса интеграции вы сможете найти в следующих разделах данной инструкции.
Процесс интеграции
Подключение скрипта
Необходимо разместить ссылку на скрипт в теге <head>:
<script src="https://unpkg.com/@retailrocketgroup/listing-<partnerId>"></script>
- partnerId - уникальный идентификатор вашего интернет-магазина в Retail Rocket, выдается при регистрации;
- Вместо ручного подключения скрипта можно использовать пакетный менеджер npm;
Размещение веб-компонентов
Компонент листинга каталога
Для показа результатов листинга на общих страницах, например на главной странице, необходимо добавить в вёрстку магазина веб-компонент <rrg-listing-catalog-result-page> на главную страницу.
<rrg-listing-catalog-result-page></rrg-listing-catalog-result-page>
Компонент листинга для страницы категории
Для показа результатов листинга на странице категории необходимо добавить в вёрстку магазина веб-компонент <rrg-listing-category-result-page> на главную страницу.
<rrg-listing-category-result-page></rrg-listing-category-result-page>
Настройка фильтров
Для настройки фильтров в категорийном листинге ознакомьтесь с разделом Подготовка фильтров.