Add to your Store
Home Why us? Documentation Privacy Policy Refund Policy Get in Touch

Shopify Before & After﹢ Section

Learn how to create a Before & After﹢ section with Sections Pro in Shopify

Description of the Section

The Before & After﹢ section allows you to showcase a comparison of two images—usually a 'before' and 'after'—with an interactive drag slider. This is particularly useful for demonstrating the results of a product or service, such as home renovations, beauty products, and more. It also supports accompanying text, buttons, icons, and other content elements to provide context and additional information.

Demo of the Section

Installation Instructions

  1. Download the Sections Pro app on the Shopify App Store
  2. Open the app and navigate to Premium Sections
  3. Search for "Before & After﹢"
  4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-commerce Store

  1. Beauty and Cosmetic Products: Show before-and-after images of a customer's skin before and after using a skincare product.
  2. Home Improvement: Present a room or piece of furniture before and after renovation or refurbishment.
  3. Fitness Transformation: Display a user's physique before and after following a workout routine or diet plan.
  4. Cleaning Products: Demonstrate the effectiveness of a cleaning solution by showing a surface before and after cleaning.
  5. Fashion and Apparel: Illustrate styling or fit adjustments on clothing.

Overview of the Configuration Settings

Font

Text

Background

Dimensions

Before & After Images

Blocks