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
Run in Sidekick
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

  1. Copy the prompt above
  2. Open Shopify Sidekick in your Shopify admin
  3. Paste the prompt and replace the bracketed placeholders with your details
  4. Review Sidekick's response and apply the suggestions