Один товар

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

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

Ширина виджета с одним и тем же кодом автоматически адаптируется под выделенную область. Поэтому виджет будет органично смотреться как в полной версии сайта 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,
          searchSkuIds: [100783340856],
          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,
          searchModelIds: [521440226],
          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,
          searchModelIds: [521440226],
          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,
          searchModelIds: [521440226],
          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,
          searchModelIds: [521440226],
          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,
          searchModelIds: [521440226],
          themeId: 5
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Скопировано

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

<div id="marketWidget55"></div>
Скопировано
Размеры виджета (в пикселях)
Ширина

Минимум 280

Высота

Минимум 319

Высота одного ряда 178

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

Код виджета

Код для вставки в элемент 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,
          searchModelIds: [521440226],
          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,
          searchModelIds: [521440226],
          themeId: 3
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Скопировано

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

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