Theme
💎 Built for Sidekick
✍️ Sidekick drafts it — you apply it
shopify
sidekick
theme
brand-story
timeline
Sidekick: Create Brand Timeline History Section
Use Shopify Sidekick to build a visual timeline section that highlights key milestones in your brand's history.
Sidekick writes it — you put it live
Sidekick produces the content or code for this, but doesn't apply it to your store itself. You'll paste or publish the result yourself — the prompt tells Sidekick to explain exactly where it goes.
📋 Prompt
Generate the Liquid, CSS, and JavaScript for a visual timeline/history section that showcases our brand journey, that I can paste into my theme as a custom section, based on this spec:
Section Heading: [e.g., “Our Journey” or “How We Got Here”]
Introduction Text: [1-2 SENTENCES SETTING THE CONTEXT FOR THE TIMELINE]
Timeline Entries (in chronological order):
Year: [YEAR]
Title: [MILESTONE TITLE, e.g., “The Beginning”]
Description: [2-3 SENTENCES ABOUT THIS MILESTONE]
Image: [OPTIONAL – DESCRIBE OR UPLOAD]
Year: [YEAR]
Title: [MILESTONE TITLE]
Description: [2-3 SENTENCES]
Image: [OPTIONAL]
Year: [YEAR]
Title: [MILESTONE TITLE]
Description: [2-3 SENTENCES]
Image: [OPTIONAL]
Year: [YEAR]
Title: [MILESTONE TITLE]
Description: [2-3 SENTENCES]
Image: [OPTIONAL]
Year: [YEAR]
Title: [MILESTONE TITLE]
Description: [2-3 SENTENCES]
Image: [OPTIONAL]
(Add more entries as needed.)
Layout Style:
Timeline orientation: [vertical/horizontal scroll]
Alternating sides: [yes – zigzag left-right / no – all on one side]
Connector line style: [solid/dashed/dotted]
Connector color: [ACCENT COLOR or theme default]
Year/date badge style: [circle/pill/square]
Design Preferences:
Background: [COLOR or “match theme”]
Card style for each entry: [flat/bordered/elevated shadow]
Image placement: [above text/beside text/background]
Animation on scroll: [fade in/slide in/none]
Content Tone:
Writing style: [proud and reflective/casual and fun/professional]
Keep each entry concise – no more than 50 words per description
Where to paste this: Tell me which section file to save this as and walk me through adding it to my theme via the Shopify theme editor.
How to Use
- Copy the prompt above
- Open Shopify Sidekick in your Shopify admin
- Paste the prompt and replace the bracketed placeholders with your details
- Review Sidekick's response and apply the suggestions