Один товар

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

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

  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: "marketWidget1",
        type: "offers",
        params: {
          clid: 2310490,
          searchModelIds: [521440226],
          themeId: 2
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Скопировано

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

<div id="marketWidget1"></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>
Скопировано

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

Ширина виджета с одним и тем же кодом автоматически адаптируется под выделенную область. Поэтому виджет будет органично смотреться как в полной версии сайта 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>
Скопировано

Витрина

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

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

<div id="marketWidget4"></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: "marketWidget5",
        type: "offers",
        params: {
          clid: 2310490,
          searchModelIds: [521440226],
          themeId: 3
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Скопировано

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

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