Sidekick: Create Recipe or Usage Guide Section

Use Shopify Sidekick to build a recipe or product usage guide section that helps customers get the most value from your products.

View as Markdown

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 recipe/usage guide section that I can paste into my theme as a custom section, based on this spec:

Section Heading: [e.g., “How to Use [PRODUCT NAME]” or “Recipes and Ideas” or “Get Inspired”]
Introduction: [1-2 SENTENCES, e.g., “Discover creative ways to use [PRODUCT/PRODUCT LINE] with our curated guides.”]

Guide Entry 1:

  Title: [RECIPE/GUIDE TITLE]
  Difficulty/Complexity: [beginner/intermediate/advanced]
  Time required: [ESTIMATED TIME]
  Products used: [PRODUCT 1, PRODUCT 2]
  Image: [DESCRIBE or UPLOAD – finished result photo]
  Steps:
    
      [STEP DESCRIPTION]
      [STEP DESCRIPTION]
      [STEP DESCRIPTION]
      [STEP DESCRIPTION]
    
  
  Tips: [1-2 PRO TIPS OR VARIATIONS]


Guide Entry 2:

  Title: [RECIPE/GUIDE TITLE]
  Difficulty/Complexity: [LEVEL]
  Time required: [TIME]
  Products used: [PRODUCTS]
  Image: [DESCRIBE or UPLOAD]
  Steps:
    
      [STEP]
      [STEP]
      [STEP]
    
  
  Tips: [TIPS]


Guide Entry 3:

  Title: [RECIPE/GUIDE TITLE]
  Difficulty/Complexity: [LEVEL]
  Time required: [TIME]
  Products used: [PRODUCTS]
  Image: [DESCRIBE or UPLOAD]
  Steps:
    
      [STEP]
      [STEP]
      [STEP]
    
  
  Tips: [TIPS]


(Add more guides as needed.)

Layout:

  Display format: [card grid/full-width featured + grid below/carousel]
  Columns: [2/3]
  Card elements: [image, title, difficulty badge, time, “View Guide” link]
  Individual guide page layout: [full-width hero image + steps below/sidebar with product links]


Product Integration:

  Link products mentioned in each guide: [yes – with “Shop This” buttons / no]
  Show product cards inline: [yes/no]


Design:

  Background color: [COLOR or “match theme”]
  Card style: [minimal/bordered/image-heavy]
  Difficulty badges: [color coded/text only]


Filtering (if many guides):

  Filter by: [product type/difficulty/time required/none]
  Search bar: [yes/no]


Where to paste this: Tell me which section/page files this needs 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