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. 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