Theme ๐Ÿ’Ž Built for Sidekick โœ๏ธ Sidekick drafts it โ€” you apply it
shopify sidekick theme social-proof case-study

Generate Case Study Section

Create a detailed case study showcase section with challenge/solution/results format, key metrics, and customer quotes.

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 case study showcase section that I can paste into my theme as a custom section, with these specifications:

Case Study Card Content:

  Featured image or customer logo
  Case study title
  Customer/company name
  Industry tag: [INDUSTRY]
  Challenge summary (2-3 sentences)
  Solution description (2-3 sentences)
  Key results with metrics (up to [NUMBER] stats)
  Customer quote with attribution
  โ€œRead Full Storyโ€ CTA button linking to [CASE_STUDY_URL]


Key Metrics Display:

  Large number with label (e.g., โ€œ150% increase in salesโ€)
  Before/after comparison values
  Metric icon or small graphic
  Animated counter on scroll into view


Layout Options:

  Display style: [featured-single/grid/carousel]
  Grid columns: [2/3] for multiple case studies
  Featured layout: image left, content right (or reversed)
  Card style: [flat/elevated/bordered]


Design Settings:

  Background color: [BACKGROUND_COLOR]
  Accent color for metrics: [ACCENT_COLOR]
  Section heading: [SECTION_HEADING]
  Typography: heading font size [SIZE]px, body [SIZE]px
  Padding: [TOP_PADDING]px / [BOTTOM_PADDING]px
  CTA button style: [solid/outline] in [BUTTON_COLOR]


Requirements:

  Responsive layout (single column on mobile)
  Metrics counter animation triggers on viewport entry
  Schema markup for case study content
  Support for at least [NUMBER] case studies
  Accessible heading hierarchy


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