Подборка товаров

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

  1. Витрина
  2. Список товаров
  3. Карусель
  4. Полноразмерная подборка

Витрина

Виджет в широкой области:

Код виджета

Код для вставки в элемент 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: "models",
        params: {
          clid: 2310490,
          searchText: "Смартфон",
          themeId: 1
        }
      });
    }
    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: "models",
        params: {
          clid: 2310490,
          searchText: "Смартфон",
          themeId: 1,
          themeRows: 2
        }
      });
    }
    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: "models",
        params: {
          clid: 2310490,
          searchText: "Смартфон",
          themeId: 4
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>

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

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

Карусель

Виджет в широкой области:

Виджет в узкой области (меньше 480 пикселей), например, на мобильных устройствах:

Код виджета

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

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

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