Before and After Showcase
Purpose
Create compelling transformation showcases that combine before/after images with customer testimonials. Perfect for beauty products, fitness programs, or any service that delivers visible results with customer feedback.
Adding the Section
- Go to Online Store > Themes > Customize
- Click Add section
- Select Before and After Showcase
- Add slide blocks with image pairs and testimonials
Section Settings
Content Headers
- Heading - Main section title
- Description - Supporting text with rich formatting
- Text Alignment - Left, center, or right alignment for desktop
- Mobile Alignment - Separate alignment control for mobile devices
- Heading Size - Size options from small to extra large
Slide Blocks
Each slide contains both transformation images and testimonial content:
Image Content
- Before Image - Upload the initial state image
- After Image - Upload the transformed result image
- Reference - Study details or timeframe information
Testimonial Content
- Review Text - Customer testimonial with rich text formatting
- Reviewer Name - Customer's name
- Reviewer Location - Optional location information
- Reviewer Avatar - Customer profile image
Rating System
- Show Rating - Display star rating (default: enabled)
- Rating - 0 to 5 stars in 0.5 increments
- Rating Style - Color or monotone style
- Rating Color - Custom color for colored ratings (default: gold)
Review Details
- Show Date - Display review date (default: enabled)
- Review Date - When the review was posted
- Show Verified Badge - Display verification indicator (default: enabled)
- Verified Badge Style - Theme colors or custom color
- Verified Badge Color - Custom verification color (default: blue)
Product Integration
- Product - Link testimonial to specific product