Sidekick: Add Downloadable Resources Section

Use Shopify Sidekick to create a downloadable resources section offering PDFs, guides, lookbooks, or other files for customers.

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

Section Heading: [e.g., “Free Resources” or “Downloads” or “Helpful Guides”]
Introduction: [1-2 SENTENCES, e.g., “Download our free guides, lookbooks, and reference materials to help you [GOAL].”]

Resources to List:

Resource 1:

  Title: [RESOURCE TITLE, e.g., “Product Care Guide”]
  Description: [1-2 SENTENCES ABOUT WHAT IT CONTAINS]
  File type: [PDF/ebook/checklist/lookbook/whitepaper]
  File size: [SIZE, e.g., “2.4 MB”]
  Thumbnail/cover image: [DESCRIBE or UPLOAD]
  Download requirement: [free – no email required / email gate / customers only]


Resource 2:

  Title: [RESOURCE TITLE]
  Description: [1-2 SENTENCES]
  File type: [TYPE]
  File size: [SIZE]
  Thumbnail: [DESCRIBE or UPLOAD]
  Download requirement: [free/email gate/customers only]


Resource 3:

  Title: [RESOURCE TITLE]
  Description: [1-2 SENTENCES]
  File type: [TYPE]
  File size: [SIZE]
  Thumbnail: [DESCRIBE or UPLOAD]
  Download requirement: [free/email gate/customers only]


(Add more resources as needed.)

Email Gate Settings (if applicable):

  Required fields: [email only/email + name]
  Connected to: [Shopify Email/Klaviyo/Mailchimp/none]
  Tag for subscribers: [TAG NAME]
  Privacy note: [e.g., “We will only use your email to send the download link.”]


Layout:

  Display format: [card grid/list with thumbnails/accordion by category]
  Columns: [2/3/4]
  Card elements: [thumbnail, title, description, file type badge, download button]
  Download button text: [e.g., “Download Free” or “Get PDF” or “Download Now”]


Categorization (if many resources):

  Categories: [CATEGORY 1, CATEGORY 2, CATEGORY 3]
  Filter by category: [yes/no]


Design:

  Background color: [COLOR or “match theme”]
  Card style: [minimal/bordered/shadow]
  File type icon: [PDF icon/generic download icon/custom per type]
  Button style: [filled/outlined/text link]


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