Skip to content

Подключение товарных рекомендаций на сайте через DIV

Самый простой способ установки товарных рекомендаций на сайт – размещение DIV-блоков.

JS SDK автоматически находит все DIV-блоки с определенным классом, получает из них идентификаторы блоков, запрашивает информацию и верстку по ним и вставляет готовые товарные подборки на сайт.

Для автоматической отрисовки достаточно установить DIV-блоки на странице в формате:

html
<div
    class="rees46-recommend"
    data-recommender-block="dynamic"
    data-recommender-code="..."
    data-recommender-item="..."
    data-recommender-exclude="..."
    data-recommender-category="..."
    data-recommender-categories="..."
    data-recommender-locations="..."
    data-recommender-search_query="..."
    data-recommender-brands="..."
    data-recommender-callback="..."
    data-recommender-error="..."
    data-recommender-min="..."
    data-recommender-collapse="..."
/>

Описание атрибутов тега:

ПараметрТипОбязателен?Описание
classStringДаДолжен содержать класс rees46-recommend. Для white label кластеров rees46 меняется на код, соответствующий white label
data-recommender-blockStringДаТип блока. Всегда dynamic
data-recommender-codeStringДаУникальный код блока из личного кабинета
data-recommender-itemStringНетИдентификатор товара, на странице которого находится блок. Обязателен для алгоритмов "Похожие" и "С этим товаром покупают"
data-recommender-excludeStringНетСписок идентификаторов продуктов (через запятую), которые должны быть исключены из рекомендаций
data-recommender-categoryStringНетИдентификатор категории для алгоритма "Популярные в категории"
data-recommender-categoriesStringНетИдентификаторы категорий (через запятую) для алгоритма "Популярные в категории", если нужно передать больше одной категории
data-recommender-locationsStringНетИдентификатор текущей локации (города), для которого вернуть товарные рекомендации с учетом наличия товаров в этом городе
data-recommender-search_queryStringНетПоисковый запрос со страницы полного поиска для алгоритма "Люди, искавшие это, купили эти товары"
data-recommender-brandsStringНетСписок брендов через запятую. Будут возвращены только товары брендов, перечисленных в этом параметре
data-recommender-minIntegerНетМинимальное количество товаров в ответе API, при котором отобразить блок. Если API вернул меньше товаров, чем это значение, блок не будет отображен
data-recommender-collapseBooleanНетПозволяет отключить группировку товаров по свойству товара group_id. Значение true (по умолчанию) даёт только один товар из группы
data-recommender-callbackStringНетИмя JS функции, куда уйдет ответ сервера, если вы хотите обработать его сами. Если не указать, то JS SDK автоматически обработает ответ и сгенерирует верстку из шаблона, заданного в личном кабинете
data-recommender-errorStringНетИмя JS функции, куда уйдет ответ сервера в случае ошибочного запроса