Image comparison
This section allows you to display a before and after image comparison to visually demonstrate product results or transformations.
Recommendation Size Image size: 1920x750
Layout
Customization of the "Layout" in this section is as follows:
Wide
Grid
Heading
Enter text to display as a main heading in the section.
Description
Enter text to display as a description in the section.
Before view
Image
Use this settings to select image to show as a before image.
Heading
Enter the heading for the before view.
Heading size
Customization of the "Before view heading size" is as follows:
Small
Medium
Large
Subheading
Add a short description that appearance before using the product.
Small image
Upload a smaller preview image displayed near the comparison area. The recommended image size is 100 × 100 px.
Enable overlay on image
Enable this option to apply an overlay effect on the image.
Overlay color
Select the color used for the image overlay effect.
Opacity
Adjust the transparency level of the overlay color applied to the image.
After view
Image
Use this settings to select image to show as a After image.
Heading
Enter the heading for the After view.
Heading size
Customization of the "After view heading size" is as follows:
Small
Medium
Large
Subheading
Add a short description that appearance after using the product.
Small image
Upload a smaller preview image displayed near the comparison area. The recommended image size is 100 × 100 px.
Enable overlay on image
Enable this option to apply an overlay effect on the image.
Overlay color
Select the color used for the image overlay effect.
Opacity
Adjust the transparency level of the overlay color applied to the image.
Text color
Select the color used for the image text.
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
Last updated