# Before/ After image slider
With Minimog's Before/ After image slider section, you can create horizontal or vertical sliders for your Shopify store, unleashing the creative potential of your site.
Using a Before/ After image slider can bring you several benefits such as:
* boosting engagement on your Shopify store through interaction;
* creating compelling visual stories;
* showcasing impressive or persuasive presentations.
In this article, we will show you how to add and customize a **Before/ After image slider** section.
{% hint style="success" %}
Steps:
1. In the theme editor **(Customize)**, click **Add section.**
2. Select **Before/ After image slider.**
3. Make necessary changes.
4. **Save** the settings.
{% endhint %}
## 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.
{% tabs %}
{% tab title="Horizontal" %}
{% endtab %}
{% tab title="Vertical" %}
{% endtab %}
{% endtabs %}
Set the section's image height as **Adapt to image**/ **Small**/ **Medium**/ **High**.
## Block settings
There are two blocks of images within a Before/ After image slider. You need to fill in both blocks to make the slider work.
In each block, you can add a separate image for the desktop/ laptop/ tablet view, a separate image for the mobile view, and also the heading for that image.
.png?alt=media&token=9168d917-bd02-4cd6-a7af-eb9896c7a5ef)