Switching Images
What This Section Does
Creates a split-screen layout where one side displays multiple images that switch or rotate automatically, while the other side shows static content like headings, text, and buttons. This creates an engaging visual experience that can tell your brand story or showcase product features dynamically.
Perfect for: Product feature demonstrations, before/after showcases, brand storytelling with multiple visuals, process explanations, or any content where you want to pair changing visuals with consistent messaging.
How to Add It
Step 1: Add the Section
- In your Shopify admin, go to Online Store → Themes
- Click Customize next to your live theme
- Click Add section in the main content area
- Choose Switching Images from the list
Step 2: Configure Your Content
- Add your switching images by creating media item blocks
- Add your static content like headings, text, and buttons
- Choose your layout preferences (image on left or right)
Key Settings to Configure
Layout Options
Reverse Layout: Controls whether images appear on the left or right side
- When to use: Consider your content flow and where you want to draw attention first
- Best practice: Images on the left work well for storytelling, on the right for feature highlights
Image Switching
Line Orientation: Controls how the switching mechanism appears (vertical or horizontal)
- Horizontal: Traditional timeline-style switching, good for step-by-step processes
- Vertical: Modern vertical progression, works well for feature comparisons
Content Spacing
Gap Size: Controls the space between the image area and content area
- Smaller gaps: Create more intimate, connected feeling between image and content
- Larger gaps: Give each area more breathing room and distinct focus
Pro Tips for Success
Best Practices
Common Mistakes