Product with offer banner
Last updated
Last updated
Make section full width
By enabling this checkbox, you can make section in full width.
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
Click on "Add counter item" and its customization is as follows.
Product card
Heading Text Enter text to display as a title on the section Size
Following is the font size customization of the heading in the section:
Small
Medium
Large
Alignment
Following is the Heading alignment customization of the heading of the section:
Left
Center
Color scheme
In this section, you can change the background and foreground color of a heading using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Display spacing around heading By enabling this checkbox, you can see spacing around heading. Description Text Enter text to display as a description in the section. Style Customization of the "Description style" in this section is as follows:
Body
Subtitle
Uppercase
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 is as follows:
Link
Outline button
Solid button
Collection Select a collection to display products in the section. Style
Customization of the "Style" in this section is as follows:
Standard
Card
Image ratio
Product image customizations in a section are as follows:
Adapt to image
Portrait
Square
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 “2” and a maximum of “8” products. Show second image on hover
By enabling this checkbox you can “Show the second image on hover”. Show vendor
By enabling this checkbox you can display the “Product vendor”. Enable add to cart button
enabling this checkbox, you can see add to cart button.
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
Banner with text
Image
Use "Image" to add the image to the section.
Content position
Customization of "Content position" is as follows:
Top
Middle
Bottom
Content alignment
Customization of "Content alignment" is as follows:
Left
Center
Right
Show container
When 'Show container' is enabled, the banner's content container box will be visible.
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
Text Enter text to display as a title on the section Size
Following is the font size customization of the heading in the section:
Small
Medium
Large
Subheading
Enter the text you would like to display as a subtitle above the title.
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 is as follows:
Link
Outline button
Solid button
