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

Виджет показывает разные товары, найденные на Маркете. Если в виджете найден только один товар, «Подборка товаров» заменяется на виджет « Один товар ». Подробнее см. в разделе Замена виджета «Подборка товаров» на «Один товар».

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

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

  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,
          themeRows: 2
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Скопировано

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

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

Минимум 200 (для виджета из одного ряда)

Минимум 385 (для виджета из двух рядов)

Высота одного ряда (начиная со второго)

Минимум 185

Максимум 235

Список товаров

Код виджета

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

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

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

Компактный список товаров

Код виджета

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

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

<div id="marketWidget5"></div>
Скопировано
Размеры виджета (в пикселях)
Ширина Минимум 280
Высота Минимум 420 (для виджета из шести рядов)
Высота одного ряда (начиная с седьмого) Минимум 50

Карусель

Код виджета

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

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

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