Image comparison
Last updated
Last updated
Use this section to show two image comparison.
Make section full width
Enable this checkbox to show section in full width.
Heading
Enter the text to display as a main heading of the section.
Heading size
Customization of "Heading size" is as follows:
Small
Medium
Large
Heading alignment
Customization of "Heading alignment" is as follows:
Left
Center
After image
Use this settings to select image to show as a after image.
Enable overlay on first image
Enable this checkbox to show overlay on first image.
Overlay color
Use this settings to customize image overlay color.
Opacity
Using this settings you can minimize or maximize image overlay opacity in the section.
Before image
Use this settings to select image to show as a before image.
Image height
Cutomization of image height by using this settings. You can set minimum "400px" and maximum "600px" image height in this section.
Enable divider arrow
Enable this checkbox to show divider arrow in this section.
Product
Select a product to display product in the section.
Product position
Customization of "Product position" is as follows:
On the image
Below the image
Enable quick view button
Enable this checkbox to show quick view button on section.
Quick view icon
Quick view icon customizations in a section are as follows:
First icon
Second icon
Enable default color
Show color/size variants
Activating the checkbox shows the product color and size variant.
If the type is "Dropdown," then the variant would be dropdown. And if the type is “Pills,” then the variant would be Pills. The variant types are as follows:
Type:
Dropdown
Pills
Quick view background color
By using this settings you can set background color of quick view button of this section.
Quick view foreground color
By using this settings you can set foreground color of quick view button of this section.
color scheme
In this section, set background and foreground color by choosing this color scheme :
Accent 1
Accent 2
Accent 3
Background 1
Background 2
