REES46

# Подборки товаров

Подборку можно подключить двумя способами: через HTML-блок или через JS SDK.

HTML-блок подойдёт для простых случаев. Для динамики и кастомной отрисовки — используйте JS SDK (opens new window)

# Добавление HTML-блока на сайт

После создания подборка появится в списке.

Скопировать код

Нажмите Скопировать код — он будет таким:

<div class="rees46-collection-products-results" data-collection-id="YOUR_COLLECTION_ID"></div>

Параметр data-collection-id обязателен, остальные — по необходимости.

Параметр Обязательность Что делает
data-collection-id required ID подборки
data-collection-location optional Город (учитывается наличие товаров)
data-collection-callback optional Callback при успехе
data-collection-error optional Callback при ошибке

Вставьте код туда, где нужно отобразить подборку.

# Пример со всеми доступными атрибутами

<div
    class="rees46-collection-products-results"
    data-collection-id="6"
    data-collection-callback="console.log"
    data-collection-error="console.log"
    data-collection-location="London"
></div>

# Шаблон HTML-блока

В отличие от интеграции через JS SDK, HTML-блок сразу показывает рекомендации по шаблону.

Чтобы изменить внешний вид — отредактируйте шаблон.

HTML-блок товарных подборок основан на шаблоне полного поиска. Правки вносятся в этот шаблон — так вы адаптируете отображение под себя.

Шаблон HTML

# Пример интеграции через JS SDK


r46("collection", "COLLECTION_ID", {
location: "LOCATION",
email: "EMAIL",
}, function(response) {
    
}, function(error) {

});

← Поиск →