Products with banner
Ideal for sales displays a collection of products such as new arrivals or adding products to any area of your store.
Layout
Customization of the "Layout" in this section is as follows:
Full width
Grid
Color scheme
In this section, you can change the background and foreground color of a section using the color scheme. We provide total scheme 13. User can select any color scheme out of scheme 13.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6 and so on.
Heading
Text
Enter text to defines the main heading of the section.
Size
Following is the font size customization of the heading of the section:
Small
Medium
Large
Extra large
Alignment
Customization of the "Alignment" in this is as follows:
Left
Center
Card
Collection Select a collection to display products in the section. Maximum products to show "Maximum products to show" is to specify how many products to show in a section. You can show a minimum of “3” and a maximum of “12” products. Number of columns on desktop "Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “2” and a maximum of “5” products.
Disable slider on desktop
By enabling this checkbox, you can show all product as grid format.
Card product timer
Add date to the particular product using metafield.
Show section countdown By enabling this checkbox, you can show section countdown.
Color scheme In this section, you can change the background and foreground color of a section using the color scheme. We provide total scheme 13. User can select any color scheme out of scheme 13.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6 and so on.
Text Enter text to show product timer title.
Carousel
Style
The style of the navigation that appears below the images:
None
Dots
Arrows
Enable autoplay
Enable this checkbox to automatically rotate the images in the product with banner. 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.
View all button
Enable "View all" button By enabling this checkbox, you can see "View all" button if list includes more products than shown.
Label
Use "Label" to add a label to the Button in the section.
Style
Customization of the "View all" style in the product with banner section is as follows:
Link
Outline
Solid
Position
Customization of the "View all button position" in the product with banner section is as follows:
Top
Bottom
Banner
Image Select image to use as banner image. Clickable image By enabling this, you can set image clickable and redirect to the page. Subheading Enter text to show banner subheading text. --> Heading
Text
Enter text to defines the main heading of the section.
Size
Following is the font size customization of the heading of the section:
Small
Medium
Large
Extra large
Uppercase text
By enabling this, you can set heading with uppercase text.
Button
Label
Use "Button label" to add a label to the Button in the section.
Link
Use "Button link" to add a link to the Button in the section.
Style
Customization of the button style in the section is as follows:
Link
Outline
Solid
Content alignment
Customization of "Content alignment" in desktop devices is as follows:
Left
Center
Right
Color scheme
In this section, you can change the background and foreground color of a banner using the color scheme. We provide total scheme 13. User can select any color scheme out of scheme 13.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6 and so on.
Last updated