Task IntentTheme
Collection List Section
Design a collection list section showcasing multiple collections with images and links.
What This Sidekick Query Does
Design a collection list section showcasing multiple collections with images and links.
Prompt / Skill
Copy, adapt, and run this prompt or skill workflow directly in Shopify Sidekick.
Build a collection list section for my [PAGE_NAME] page that showcases [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. Generate the Liquid, CSS, and schema code.
Expected Output
Design a collection list section showcasing multiple collections with images and links.
Tips to Improve Results
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
Sidekick Skills & Magic Prompt
Create & Manage AI skills for Sidekick. Discover AI skills from other merchants.
Build unlimited custom Sidekick skills, organize prompts into collections, and discover proven workflows shared by other Shopify merchants.