Product with offer banner

Setting
Description

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

Add counter item

Click on "Add counter item" and its customization is as follows.

Block
Description

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

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 is as follows:

  • Link

  • Outline button

  • Solid button

Product card

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

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

Subheading

Enter the text you would like to display as a subtitle above the title.

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 is as follows:

  • Link

  • Outline button

  • Solid button

Last updated