Banner with collection
Add an image with a title, description, and Button. Choose the size of your image and upload it.
Color scheme
In this section, you can change the background and foreground color of a section using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Layout
Customization of the "Layout" in this section is as follows:
Wide
Container
Heading
Text Enter text to display as a title in the section. Size
Following is the font size customization of the heading of the section:
Small
Medium
Large
Extra large
Bottom heading
Heading Enter text to display as a title in the section. Heading size
Following is the font size customization of the heading of the section:
Small
Medium
Large
Banner text color You can customize the foreground color of the text by using the color option.
Carousel
Style
The style of the navigation that appears below the images:
None
Dots
Arrows
Disable arrows in mobile
Enable this checkbox to hide slider arrow from this section in mobile device.
Enable autoplay
Enable this checkbox to automatically rotate the images in the featured collection. Autoplay interval Use the bar to set the auto-rotate time of the product slide. You can set a minimum of “3” seconds and a maximum of “9” seconds.
Content color scheme
In this section, you can change the background and foreground color of a content using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Animations
Customization of the "Image behavior" in the Banner with collection section is as follows:
None
Ambient movement
By employing the Ambient movement feature, the image will exhibit motion.

Add block
To add blocks to the Banner with collection section, click on the 'Banner collection'. There are many options available , as you can see in the below points and screenshot.
Image
Use "Image" to add the image to the section.
Product
Select a product to display product in this section.
Content
Enter text to display as a Content in the section.
Button
Label Use "Label" to add a label to the Button in the section. Link Use "Link" to add a link to the Button in the section. Style
Customization of the "Button style" in the Image with text section is as follows:
Link
Outline
Solid

Last updated