Image with product

In this section, when a point on the image is clicked, the image zooms in, and when double-clicked, the image zooms out while also activating the related product.

Setting
Description

Make section full width

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

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

Subheading

Text

Enter text to display as a subheading in the section.

Style Customization of the "Subheading style" in the Image with product section is as follows:

  • Normal

  • Outline

  • Solid

position

Customization of the "Subheading position" in the Image with product section is as follows:

  • Before heading

  • After heading

Heading/subheading alignment

Customization of the "Heading/subheading alignment" in the Image with product section is as follows:

  • Left

  • Center

Image height

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

  • Adapt to image

  • 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

Add Image

To add blocks to this section, click on the 'Add image'. There are many options available similar to the Image with product.

Block
Description

Image

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

Product

Position top You can set the position of the product image from the top using position top. You can set a minimum of “0%” and a maximum of “100%” from the top. Position left You can set the position of the product image from the left using position left. You can set a minimum of “0%” and a maximum of “100%” from the left. Select product Select a product to display selected product in the section. Collection color scheme

You can change the background and foreground color of a collection list using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Last updated