Before/After image slider

A guide to captivating users with interactive before & after images
With Minimog's Before/After image slider section, you can create horizontal or vertical sliders for your Shopify store, thus unleashing the creative potential of your site.
Some benefits of using a Before/After image slider are:
  • boosting engagement on your Shopify store through interaction;
  • creating compelling visual stories;
  • showcasing presentations that work.
In this article, we will show you how to add and customize a Before/After image slider section.
  1. 1.
    In the theme editor (Customize), click Add section.
  2. 2.
    Select Before/after image slider.
  3. 3.
    Make necessary changes.
  4. 4.
    Save the settings.

Section settings

General settings

Select the section's container type as Default/ Full width/ Use a container box.
Then, give your section a heading, subheading, and description. Leave any of the fields blank if you don't want to show the content.
You can either set your Text alignment as Center or Left.

Slider settings

The layout settings let you decide whether to have your images slide horizontally or vertically.
Set the section's image height as Adapt to image/ Small/ Medium/ High.

Block settings

There are two blocks for you to add a before and after image accordingly.
In each of the blocks, you can add an image and/or an image for mobile view, and the heading of that image.