Один товар

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

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

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

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

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

Пользователь может перейти с виджета:

  • на карточку, если товар можно заказать на Маркете;

  • на сайт магазина, если товар можно купить только в магазине.

Если в виджете не найдется товар или его карточка, виджет автоматически заменится на «Подборку товаров» в виде карусели.

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

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

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

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

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

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

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

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

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

Код виджета

Код для вставки в элемент 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>
Скопировано

Витрина

Ширина виджета с одним и тем же кодом автоматически адаптируется под выделенную область. Минимальная ширина — 280 пикселей.

Примечание. Чтобы задать количество рядов, используйте параметр 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

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

Ширина виджета с одним и тем же кодом автоматически адаптируется под выделенную область. Минимальная ширина — 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: "marketWidget5",
        type: "offers",
        params: {
          clid: 2310490,
          searchModelIds: [521440226],
          themeId: 3
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Скопировано

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

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

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

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

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

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

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

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

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

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

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

Ширина виджета с одним и тем же кодом автоматически адаптируется под выделенную область. Минимальная ширина — 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: "marketWidget4",
        type: "offers",
        params: {
          clid: 2310490,
          searchModelIds: [521440226],
          themeId: 1
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Скопировано

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

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