Collection banner builder
If you need to build a banner or a whole page as content on the collection page, the “Banner Builder” section should be added.
Add section -> Collection banner builder
IMPORTANT! This section required saving changes by pressing the “Save” button in order to view customizations on a collection page.
This content can be added several times and in different content blocks: “Promo box (banner)”, and “Custom HTML”.
In this section, you can configure the general settings regarding the banner displayed on the collection page. These settings can be applied to each collection. The “Section type” allows decide if to display a banner in the product grid or to replace products with sub-collections:
Replace products grid
Insert to product grid
These settings will be applied only for version “Insert to product grid”. In this block, you can decide if to display banners on different grids of products in a row: 1 in a row, 2 in a row, 3 in a row, 4 in a row, 6 in a row, or list:
In the “Size of the columns”, you can choose how many items should be displayed in one row by choosing the proper option from the dropdown list. The option “Size of the columns on mobile” allows you to set the number of items in the row on mobile: “1 item in the row” or “2 items in the row”. In the dropdown list of “Margins for the columns”, you can choose the type of margins for the columns.