How to Add a Before/After Image Slider in Shopify Prestige Theme
The before/after slider is a native Prestige block — shoppers drag a handle across two overlaid images to compare them, useful for skincare, beauty, restoration, and similar results-driven products.
Steps
- In your Shopify admin, go to Online Store > Themes and click Customize on Prestige.
- Open the page you want it on and click Add section (or Add block if it's available at the block level on that template).
- Choose Before/after image slider (naming may vary slightly).
- Upload your "before" image and "after" image — same framing and angle makes the comparison read clearly.
- Set the starting slider position and any labels ("Before" / "After").
- Click Save.
This only works well when both images are shot consistently — mismatched angles, lighting, or cropping make the comparison confusing instead of convincing.
← How to Add Product Tabs in Shopify Prestige ThemeHow to Enable Sticky Add to Cart in Shopify Prestige Theme →