Skip to main content

Image comparison v1

Image comparison slider shows 2 images next to each other which let customers see the differences between them.

Image comparison

steps:
  1. In the theme editor (Customize), click Add section
  2. Locate Image comparison
  3. Save

Section settings​

1. Layout settings​

  • Container type: You can choose among Box, Wide, Fullwidth for the newsletter layout.

  • You can setup 2 individual pairs of images for mobile and desktop.

  • Use the provided text fields to add a suitable Title/description. Leave any of them blank if you do not want to display them.

Image comparison

2. Button settings​

You have the flexibility to modify the label displayed on the button right here. Additionally, you can custom the button by selecting the Button mode, Button style, Button size option, Custom Border radius, Button padding

slideshow demo

3. General settings​

Section color scheme: lets you select a predefined color scheme for the section, which applies to the text and background.

Section Padding allows you to specify spacing before or after sections or both

general demo