Scrolling Timeline
What This Section Does
Creates an engaging timeline that tells your brand's story through chronological milestones. As visitors scroll through the timeline items, the accompanying image automatically changes to show relevant visuals for each milestone.
Perfect for: Brand history pages, company milestone showcases, product evolution stories, or any chronological narrative you want to share with customers.
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 Scrolling Timeline from the list
Step 2: Set Your Main Timeline Details
- Add a Heading (like "Our Journey" or "Company History")
- Optionally add a Subheading for additional context
- Choose your preferred Timeline Orientation (vertical or horizontal layout)
Key Settings to Configure
Timeline Content
Timeline Items: Add blocks for each milestone in your story
- When to use: Each major event, achievement, or milestone in chronological order
- Pro tip: Start with your founding year and work chronologically through important moments
Visual Settings
Image Aspect Ratio: Controls how your timeline images are displayed
- Best practice: Choose 16:9 for landscape photos or 4:3 for more square images
- Consistency tip: Use the same ratio for all timeline images for a professional look
Layout Options
Timeline Orientation: Choose between vertical or horizontal layout
- Vertical: Better for longer timelines with many items
- Horizontal: Great for shorter timelines with 3-5 key milestones
Pro Tips for Success
Best Practices
Common Mistakes