Image with product
Last updated
Last updated
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.
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
To add blocks to this section, click on the 'Add image'. There are many options available similar to the Image with product.
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