Один товар

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

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

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

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

  1. Карточка товара
  2. Список предложений без описания товара
  3. Компактный список предложений без описания товара
  4. Витрина
  5. Карусель без описания товара
  6. Подробный список предложений
  7. Список предложений с описанием товара
  8. Карусель с описанием товара

Карточка товара

Код виджета

Код для вставки в элемент 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,
          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: "marketWidget2",
        type: "offers",
        params: {
          clid: 2310490,
          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,
          searchText: "Яндекс Станция Мини",
          themeId: 9
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Скопировано

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

<div id="marketWidget3"></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,
          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: "marketWidget5",
        type: "offers",
        params: {
          clid: 2310490,
          searchText: "Яндекс Станция Мини",
          themeId: 3
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Скопировано

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

<div id="marketWidget5"></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,
          searchText: "Яндекс Станция Мини",
          themeId: 10
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Скопировано

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

<div id="marketWidget6"></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,
          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: "marketWidget4",
        type: "offers",
        params: {
          clid: 2310490,
          searchText: "Яндекс Станция Мини",
          themeId: 1
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Скопировано

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

<div id="marketWidget4"></div>
Скопировано