How to Add a Before/After Image Slider in Shopify Testament Theme
The before/after slider is a native Testament block — shoppers drag a handle across two overlaid images to compare them, useful for skincare, renovation, fitness, and similar results-driven products.
Steps
- In your Shopify admin, go to Online Store > Themes and click Customize on Testament.
- Open the page you want it on and click Add section.
- Choose Before / After image slider.
- 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 Testament ThemeHow to Add Product Customization in Shopify Testament Theme →