Подборка товаров
Виджет показывает разные товары, найденные на Маркете. Если в виджете найден только один товар, «Подборка товаров» заменяется на виджет «Один товар». Подробнее см. в разделе Замена виджета «Подборка товаров» на «Один товар».
Во всех примерах товары найдены по текстовому поисковому запросу.
Ширина виджета с одним и тем же кодом автоматически адаптируется под выделенную область. Поэтому виджет будет органично смотреться как в полной версии сайта c широким экраном у пользователя, так и в мобильной версии с узким экраном.
Витрина
Совет
Чтобы задать количество рядов, используйте параметр 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: "marketWidget1",
type: "models",
params: {
clid: 2310490,
erid: 'AX1LYwMgKYsyMqgz',
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,
erid: 'AX1LYwMgKYsyMqgz',
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,
erid: 'AX1LYwMgKYsyMqgz',
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,
erid: 'AX1LYwMgKYsyMqgz',
searchText: "Умная колонка",
themeId: 3
}
});
}
w.YaMarketAffiliate
? start()
: w.addEventListener("YaMarketAffiliateLoad", start);
})(window);
</script>
Код для вставки в элемент body:
<div id="marketWidget3"></div>
Размеры виджета (в пикселях)
|
Ширина |
Минимум 280 |
|
Высота |
Минимум 250 |