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
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
- 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