Collection List Section

Design a collection list section showcasing multiple collections with images and links.

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 schema for a collection list section that I can paste into my [PAGE_NAME] page’s theme template as a custom section, showcasing [NUMBER] collections in a visually appealing grid. Each collection card should display the collection featured image, collection title overlaid on the image, and the number of products in that collection. The collections to feature are: [COLLECTION_LIST]. Use a [LAYOUT_STYLE] layout (options: grid, masonry, or alternating large/small). On hover, the image should slightly zoom and a View Collection button should fade in. Add section schema settings so I can easily pick collections from the Shopify theme editor. Finally, tell me exactly which section file to create and how to add it to the page through 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