This section allows you to show the products with banner and you can choose a grid, carousel layout for the products.
You can go to Theme sections > Add section > add Products With Banner 2 to configure it.
1. Banner Item (parent)
You can freely add the banner for the section and customize it with many design options.
This section provides you with many blocks such as:
2. Product With Banner 2 settings
2.1. HEADING OPTIONS
You can freely add the section heading and customize the Space bottom (px) for it.
2.2. GENERAL OPTIONS
You can select a collection, product item design and decide to show product vendors, product countdown for the product item in the section or not.
2.3. OPTIONS IMAGE PRODUCTS
It helps you configure the image collections with options for Image ratio, Image size and Image position, Product content align, Maximum products to show, Items per row (both on Desktop, Tablet and Mobile devices), Space horizontal items, Space vertical items
2.4. BOX OPTIONS and OPTIONS FOR CAROUSEL LAYOUT
You can select Layout design and Banner position for the section.
Turn on the Enable loop when using a carousel layout and then you can also set the Autoplay speed in second and Pause autoplay on hover
Turn on the Use prev next button option and you can configure the prev/next button
Turn on the Use page dots option and you can configure the section for the dots
Please check video below to know more:
2.5. OPTIONS FOR BUTTON VIEW ALL
It helps you configure the "view all" button and customize it with many design options.
2.6. DESIGN OPTIONS
Please follow this guideline to config Layout, Background, Margin/Padding for the section.