# Before/ After image slider ![image](https://docs-assets.foxecom.app/minimog-theme/image_yJcuhI4i.png) 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. Steps: 1. In the theme editor **(Customize)**, click **Add section.** 2. Select **Before/ After image slider.** 3. Make necessary changes. 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**. ![image](https://docs-assets.foxecom.app/minimog-theme/image_DmJzA8aH.png) ### Slider settings ![image](https://docs-assets.foxecom.app/minimog-theme/image_XX5xB8hQ.png) The layout settings let you decide whether to have your images slide horizontally or vertically. ![image](https://docs-assets.foxecom.app/minimog-theme/image_qxpBvMp7.png) ![image](https://docs-assets.foxecom.app/minimog-theme/image_cUOOmfLL.png) 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. ![image](https://docs-assets.foxecom.app/minimog-theme/image_4PITA3xC.png)