Collection of products

The “Collection of products” widgets contain products from one manufacturer, of one category, or similar products with a specific characteristic (for example, bicycles with disc brakes). Widgets with products are suitable for more general posts, for instance, about a new line of kitchen appliances from a certain manufacturer or about the benefits of cycling.

In all examples, products are found using a search query.

  1. Showcase
  2. List

Showcase

The widget width automatically adapts to the selected area.

Widget in a wide area, one row
Widget in a narrow area (for example, on mobile devices), two rows
Note. To set the number of rows, use the themeRows parameter.
Widget code

Code to be embedded in the head element:

<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: "beruWidget1",
        type: "beruModels",
        params: {
          clid: 2331511,
          searchText: "Смартфоны",
          themeId: 1,
          themeRows: 2  // Количество рядов
        } 
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Copied to clipboard

Code to be embedded in the body element:

<div id="beruWidget1"></div>
Copied to clipboard
Widget size (in pixels)
Width At least 120
Height At least 231 (for a single-row widget)
The height of one row (starting from the second one) 185

List

The widget width automatically adapts to the selected area.

Widget in a wide area
Widget in a narrow area (for example, on mobile devices)
Widget code

Code to be embedded in the head element:

<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: "beruWidget3",
        type: "beruModels",
        params: {
          clid: 2331511,
          searchText: "Смартфоны",
          themeId: 2
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Copied to clipboard

Code to be embedded in the body element:

<div id="beruWidget3"></div>
Copied to clipboard
Widget size (in pixels)
Width At least 210
Height At least 97