Product Image banner

Cornet theme provides a section, namely "Product image banner" in this section. This section is used to add a Image wise-banner with a title, description and button.

Setting
Description

Make section full width

By enabling this checkbox, you can make section in full width.

Heading

Text Enter text to display as a title in the section.

Note: Use the slash "/" "/" to highlight words. The following example: /Text/. Size Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Alignment

Following is the heading alignment customization of the heading of the section:

  • Left

  • Center

  • Right

Description

Text Enter text to display as a description in the section. Style Customization of the "Style" in the Image banner is as follows:

  • Body

  • Uppercase

Banner height

Customization of the "Banner height" in the Image banner section is as follows:

  • Small

  • Medium

  • Large

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

  • Scheme 6

Add image banner

To add banner to the Product image banner section, click on the 'Add image banner'. There are many options available , as you can see in the below points and screenshot.

Block
Description

Image

Use "Image" to add the image to the section.

Heading

Text Enter text to display as a title in the section. Enable outline heading By enabling that checkbox, you can see text with outline. Size Customization of the "Size" in the Heading

section is as follows:

  • Small

  • Medium

  • Large

  • Extra large

Subheading Enter text to display as a subheading in the section.

Description

Text Enter text to display as a description in the section. Style Customization of the "Style" in the Product image banner section is as follows:

  • Body

  • Uppercase

Enable on image content container

By enabling this checkbox, you can see content container.

On image container overlay opacity

"On image container overlay opacity" is used to set container overlay opacity. You can give the minimum opacity "0%" and maximum space "100%". Increase or Decrease the opacity level of the overlay on the banner content.

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 "Style" in the Product image banner section is as follows:

  • Link

  • Outline

  • Button

Desktop content position

To change the position of the content on the banner, utilize the "Desktop content position" setting. Customization of the "Desktop content position" in the Product image banner section is as follows:

  • Top

  • Middle

  • Bottom

Desktop content alignment

Customization of "Desktop content alignment" in desktop devices is as follows:

  • Left

  • Center

  • Right

Color scheme

In this section, you have the option to modify the background and foreground colors of a banner's content container using the provided color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6

Animations

Customization of the "Image behavior" in the Product image banner section is as follows:

  • None

  • Ambient movement

By employing the Ambient movement feature, the banner image will exhibit motion.

Last updated