Section Shop

After Before Slider

Full preview of the After Before Slider Shopify section

After Before Slider

Interactive before/after image comparison slider with draggable handle. Features rounded corners, shadow effects, customizable gap between columns, and responsive design with configurable padding.

Price
Free
Merchant installs
9
Works with
Any OS 2.0 theme
Get this section free

Installs via the Section Shop app · shows as “SShop:After Before Slider” in your editor

  • before after
  • image comparison
  • slider
  • draggable
  • transformation
  • results

How to add After Before Slider to your store

  1. 1

    Install Section Shop

    Get the free app from the Shopify App Store — takes one click.

  2. 2

    Add “After Before Slider”

    Find it in the Comparison Tables category and click Add to theme.

  3. 3

    Customize in your editor

    It appears as “SShop:After Before Slider” — edit text, images, colors and fonts, then save.

View all →
Preview of the Product Comparison Table Shopify section Free

Product Comparison Table

Compare multiple products side by side with features table. Product images, prices, feature rows with check/X icons, highlighted recommended product, and mobile-responsive with sticky first column.

Preview of the Dual Flow Comparison Shopify section Free

Dual Flow Comparison

Compare two processes or paths side by side with step-by-step flow. Headers with images, numbered steps, and highlighted final result. Perfect for Old Way vs New Way comparisons.

Preview of the Competitor Comparison Shopify section Free

Competitor Comparison

Visual brand vs competitors side by side with VS badge. Compare your product against competitors with feature rows, brand highlighting, and winner indicators.

Add “After Before Slider” to your store today

Free to install, live in your theme editor in under a minute.

Built for Shopify · Free to install · Works with any Online Store 2.0 theme · No code