Magic: Before And After Slider

Develop by Shopify

$1.5

/ Month

7 Days Free Trial

"Interactive slider for seamless before/after image comparisons in your store."

Customizable layout

No code needed

Image comparison

Interactive slider

Horizontal or vertical

Custom divider styles

About Magic: Before And After Slider

Launched Jun 22, 2025

Built by Shopify

Address

1 51 South Creek Road Dee Why, Dee Why, NSW, 2099, AU

Website Support Portal Privacy policy Tutorial FAQ Document

Related Categories

Unlock Deals 20% off

BON Loyalty Program & Rewards

(1,682 Reviews)

Unlock Deals 20% off

Sponsored

Loyalty rewards program with points, POS, referrals &...

Description

Showcase visual changes with before & after sliders. No code needed, easy to customize.

Showcase visual transformations with a powerful Before and After Slider for Shopify. Easily add before and after image comparisons to highlight product changes, services, makeovers, and edits. This interactive before after slider lets customers compare two images side by side. Customize layouts, slider direction, image ratio, and divider style. Perfect for beauty, fitness, furniture, home & decor and more. No coding needed to add a before & after or comparison slider.

Let customers easily compare before and after images with an interactive slider.
Choose from 1, 2, or 3-column layouts to fit your store’s design needs.
Switch slider direction (horizontal or vertical) to fit your content layout.
Customizable divider styles for a seamless before/after experience.
Edit labels, colors, styles, orientation, corner radius, and width

Pros

Easy to integrate with Shopify without the need for coding skills.
Allows for customizable layouts such as 1, 2, or 3-column options.
Offers flexible slider direction choices (horizontal or vertical).
Customizable features including divider style, colors, labels, and more.
Enhances product presentation by showcasing before/after transformations effectively.
Useful for various industries including beauty, fitness, and furniture.
Interactive design improves customer engagement by allowing direct comparison.

Cons

Limited to image comparisons; not suited for non-visual transformations.
No specific mention of integrations with external image hosting platforms.
Potential loading times might affect user experience if not optimized properly.
Might require trial and error to perfect customization for specific store designs.
No mention of mobile responsiveness or optimization.