В некоторых случаях возникает необходимость делать точечную настройку виджетов на отдельных страницах. Такую настройку можно выполнить путем внесения специальных правок в html своих страниц.

Для предоставления такой возможности используется механизм data-атрибутов, которые прописываются в контейнере виджета на странице (div-блок, на месте которого будет отображаться виджет):

<div data-widget-id="XXXXXX" class="smw3"></div>

При этом, главный код виджета остается неизменным:

<noscript><a href="http://socialmart.ru" title="SocialMart" target="_blank">Виджет от SocialMart</a></noscript>
<script async type="text/javascript" charset="UTF­8"
src="http://widget.socialmart.ru/init.php?render=js&wid=XXXXXX"></script>

Где XXXXXX – ID виджета.

Для настройки используются следующие атрибуты:

data-model-id. Номер модели или список номеров моделей, разделенных запятой. Номер модели берется с карточки модели на Яндекс.Маркет.

При использовании этого атрибута все остальные атрибуты игнорируются.
Пример. Отображение конкретной модели (id модели «Apple iPad Air 2 16Gb Wi-Fi + Cellular» 11153480):

<div data-widget-id="6SaWAIeN" class="smw3" data-model-id="11153480"></div>

data-search. Текст, который будет использован в качестве поискового запроса.
Пример. Поиск модели по конкретной фразе («Apple iPad Air 2»): 

<div data-widget-id="6SaWAIeN" class="smw3" data-search="Apple iPad Air 2"></div>

data-category-ids. Один или несколько идентификаторов категорий, которые будут использованы для ограничения поиска. Идентификаторы категорий можно посмотреть на Яндекс.Маркет на странице соответствующей категории или здесь.

Пример. Поиск ограничен конкретными категориями (id категории «Планшеты» 6427100 и id категории «Мобильные телефоны» 91491): 

<div data-widget-id="6SaWAIeN" class="smw3" data-category-ids="6427100, 91491"></div>

data-vendor-ids. Один или несколько идентификаторов производителей, которые будут использованы для ограничения поиска. Идентификаторы производителей можно посмотреть на Яндекс.Маркет на странице бренда.

Пример. Поиск ограничен конкретными производителями (id производителя Apple 153043 и id производителя Huawei 459710): 

<div data-widget-id="6SaWAIeN" class="smw3" data-vendor-ids="153043, 459710"></div>

data-matrix-rows. Количество строк матричного виджета.

data-matrix-cols. Количество колонок матричного виджета.

Пример. Настройка размерности матричного виджета (2 строки, 5 колонок, размерность 2х5):

<div data-widget-id="6SaWAIeN" class="smw3" data-matrix-rows="2" data-matrix-cols="5"></div>

Пожалуйста, не копируйте примеры кода из инструкции, так как часто случаются потери или замены символов из-­за форматирования текста инструкции и интерпретации этого текста редакторами при вставке на сайт. Если код разметки не работает, попробуйте набрать атрибуты вручную.

Вы нашли ответ?