Один товар

Виджет показывает один товар с различными предложениями магазинов, которые отображаются на карточке этого товара. Если карточка не нашлась, виджет заменяется на «Подборку товаров». Подробнее см. в разделе Замена виджета «Один товар» на «Подборку товаров».

Во всех примерах товары найдены по текстовому поисковому запросу.

Ширина виджета с одним и тем же кодом автоматически адаптируется под выделенную область. Поэтому виджет будет органично смотреться как в полной версии сайта c широким экраном у покупателя, так и в мобильной версии с узким экраном.

Минимальная ширина — 280 пикселей.

Код виджета

Код для вставки в элемент head:

<script async src="https://aflt.market.yandex.ru/widget/script/api"
type="text/javascript"></script>
<script type="text/javascript">
  (function (w) {
    function start() {
      w.removeEventListener("YaMarketAffiliateLoad", start);
      w.YaMarketAffiliate.createWidget({
        containerId: "skuWidget",
        type: "sku",
        params: {
          clid: 2310490,
          erid: 'AX1LYwMgKYsyMqgz',
          searchText: "Яндекс Станция Мини",
          themeId: 1
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>

Код для вставки в элемент body:

<div id="skuWidget"></div>

Список предложений с описанием товара

Код виджета

Код для вставки в элемент head:

<script async src="https://aflt.market.yandex.ru/widget/script/api"
type="text/javascript"></script>
<script type="text/javascript">
  (function (w) {
    function start() {
      w.removeEventListener("YaMarketAffiliateLoad", start);
      w.YaMarketAffiliate.createWidget({
        containerId: "marketWidget1",
        type: "offers",
        params: {
          clid: 2310490,
          erid: 'AX1LYwMgKYsyMqgz',
          searchText: "Яндекс Станция Мини",
          themeId: 2
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>

Код для вставки в элемент body:

<div id="marketWidget1"></div>

Список предложений без описания товара

Код виджета

Код для вставки в элемент head:

<script async src="https://aflt.market.yandex.ru/widget/script/api"
type="text/javascript"></script>
<script type="text/javascript">
  (function (w) {
    function start() {
      w.removeEventListener("YaMarketAffiliateLoad", start);
      w.YaMarketAffiliate.createWidget({
        containerId: "marketWidget2",
        type: "offers",
        params: {
          clid: 2310490,
          erid: 'AX1LYwMgKYsyMqgz',
          searchText: "Яндекс Станция Мини",
          themeId: 4
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>

Код для вставки в элемент body:

<div id="marketWidget2"></div>

Компактный список предложений без описания товара

Код виджета

Код для вставки в элемент head:

<script async src="https://aflt.market.yandex.ru/widget/script/api" 
type="text/javascript"></script>
<script type="text/javascript">
  (function (w) {
    function start() {
      w.removeEventListener("YaMarketAffiliateLoad", start);
      w.YaMarketAffiliate.createWidget({
        containerId: "marketWidget3",
        type: "offers",
        params: {
          clid: 2310490,
          erid: 'AX1LYwMgKYsyMqgz',
          searchText: "Яндекс Станция Мини",
          themeId: 9
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>

Код для вставки в элемент body:

<div id="marketWidget3"></div>

Подробный список предложений

Код виджета

Код для вставки в элемент head:

<script async src="https://aflt.market.yandex.ru/widget/script/api"
type="text/javascript"></script>
<script type="text/javascript">
  (function (w) {
    function start() {
      w.removeEventListener("YaMarketAffiliateLoad", start);
      w.YaMarketAffiliate.createWidget({
        containerId: "marketWidget6",
        type: "offers",
        params: {
          clid: 2310490,
          erid: 'AX1LYwMgKYsyMqgz',
          searchText: "Яндекс Станция Мини",
          themeId: 10
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>

Код для вставки в элемент body:

<div id="marketWidget6"></div>

Витрина

Совет

Чтобы задать количество рядов, используйте параметр themeRows.

Код виджета

Код для вставки в элемент head:

<script async src="https://aflt.market.yandex.ru/widget/script/api"
type="text/javascript"></script>
<script type="text/javascript">
  (function (w) {
    function start() {
      w.removeEventListener("YaMarketAffiliateLoad", start);
      w.YaMarketAffiliate.createWidget({
        containerId: "marketWidget55",
        type: "offers",
        params: {
          clid: 2310490,
          erid: 'AX1LYwMgKYsyMqgz',
          searchText: "Яндекс Станция Мини",
          themeId: 5
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>

Код для вставки в элемент body:

<div id="marketWidget55"></div>

Карусель с описанием товара

Код виджета

Код для вставки в элемент head:

<script async src="https://aflt.market.yandex.ru/widget/script/api"
type="text/javascript"></script>
<script type="text/javascript">
  (function (w) {
    function start() {
      w.removeEventListener("YaMarketAffiliateLoad", start);
      w.YaMarketAffiliate.createWidget({
        containerId: "marketWidget4",
        type: "offers",
        params: {
          clid: 2310490,
          erid: 'AX1LYwMgKYsyMqgz',
          searchText: "Яндекс Станция Мини",
          themeId: 1
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>

Код для вставки в элемент body:

<div id="marketWidget4"></div>

Карусель без описания товара

Код виджета

Код для вставки в элемент head:

<script async src="https://aflt.market.yandex.ru/widget/script/api"
type="text/javascript"></script>
<script type="text/javascript">
  (function (w) {
    function start() {
      w.removeEventListener("YaMarketAffiliateLoad", start);
      w.YaMarketAffiliate.createWidget({
        containerId: "marketWidget5",
        type: "offers",
        params: {
          clid: 2310490,
          erid: 'AX1LYwMgKYsyMqgz',
          searchText: "Яндекс Станция Мини",
          themeId: 3
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>

Код для вставки в элемент body:

<div id="marketWidget5"></div>

Полезные ссылки

Предыдущая
Примеры виджетов
Следующая
Подборка товаров