#1
Category slider
- Balm
- Beauty
- Shopify-ready
Horizontal category cards for complexion, eyes, lips and care.
0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category collection-list
Top 33 Collection List Sections for Shopify (Updated Oct 2026)
Blocko has 33 free collection list sections for Shopify Online Store 2.0, from 15 themes across beauty. 31 ship as Shopify Liquid with merchant settings; 17 need no JavaScript at all. Each one has a live demo and a one-line prompt for your coding agent.
The list is ranked with Shopify-ready items first, then by the least JavaScript. Open any item to see its sections, settings and prompt, or use all sections by type to compare other kinds. Not affiliated with Shopify.
Compare at a glance
| # | Name | Theme | Industry | Shopify | JavaScript | Settings |
|---|---|---|---|---|---|---|
| 1 | Category slider | Balm | Beauty | Liquid + HTML | 0 KB | 1 |
| 2 | Quiz cards | Balm | Beauty | Liquid + HTML | 0 KB | 2 |
| 3 | Category slider | Bare | Beauty | Liquid + HTML | 0 KB | 1 |
| 4 | Category duo | Blush | Beauty | Liquid + HTML | 0 KB | 0 |
| 5 | Category slider | Blush | Beauty | Liquid + HTML | 0 KB | 1 |
| 6 | Visual links | Blush | Beauty | Liquid + HTML | 0 KB | 3 |
| 7 | Category tiles | Clip | Beauty | Liquid + HTML | 0 KB | 1 |
| 8 | Category slider | Dew | Beauty | Liquid + HTML | 0 KB | 1 |
| 9 | Category slider | Isle | Beauty | Liquid + HTML | 0 KB | 1 |
| 10 | Category slider | Lather | Beauty | Liquid + HTML | 0 KB | 1 |
| 11 | Hair concern slider | Prism | Beauty | Liquid + HTML | 0 KB | 1 |
| 12 | Category slider | Shelf | Beauty | Liquid + HTML | 0 KB | 1 |
| 13 | Category slider | Stubble | Beauty | Liquid + HTML | 0 KB | 1 |
| 14 | Category slider | Tide | Beauty | Liquid + HTML | 0 KB | 1 |
| 15 | Category tiles | Tint | Beauty | Liquid + HTML | 0 KB | 3 |
| 16 | Category slider | Twist | Beauty | Liquid + HTML | 0 KB | 1 |
| 17 | Category slider | Veil | Beauty | Liquid + HTML | 0 KB | 1 |
| 18 | Collection directory | Balm | Beauty | Liquid + HTML | 8.3 KB | 8 |
| 19 | Collection directory | Bare | Beauty | Liquid + HTML | 8.3 KB | 8 |
| 20 | Collection directory | Blush | Beauty | Liquid + HTML | 8.3 KB | 8 |
Collection List sections
#2
Quiz cards
- Balm
- Beauty
- Shopify-ready
Three tall portrait cards with quiz call-to-action overlays.
0 KB JavaScript · Shopify Liquid, 2 Theme Editor settings · category collection-list
#3
Category slider
- Bare
- Beauty
- Shopify-ready
Horizontal category cards for complexion, eyes, lips and care.
0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category collection-list
#4
Category duo
- Blush
- Beauty
- Shopify-ready
Two large category tiles with a floating white label chip.
0 KB JavaScript · Shopify Liquid, 0 Theme Editor settings · category collection-list
#5
Category slider
- Blush
- Beauty
- Shopify-ready
Horizontal category cards for complexion, eyes, lips and care.
0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category collection-list
#6
Visual links
- Blush
- Beauty
- Shopify-ready
Five tall colour panels, each linking to a shop edit, with a caption underneath.
0 KB JavaScript · Shopify Liquid, 3 Theme Editor settings · category collection-list
#7
Category tiles
- Clip
- Beauty
- Shopify-ready
Four tall category photos with a white label bar over the bottom edge.
0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category category
#8
Category slider
- Dew
- Beauty
- Shopify-ready
Horizontal category cards for complexion, eyes, lips and care.
0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category collection-list
#9
Category slider
- Isle
- Beauty
- Shopify-ready
Horizontal category cards for body, sun, glow and care.
0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category collection-list
#10
Category slider
- Lather
- Beauty
- Shopify-ready
Horizontal category cards for soap, shave, body and care.
0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category collection-list
#11
Hair concern slider
- Prism
- Beauty
- Shopify-ready
Horizontal category cards for color care, treatments, styling and care.
0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category collection-list
#12
Category slider
- Shelf
- Beauty
- Shopify-ready
Horizontal category cards for complexion, eyes, lips and care.
0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category collection-list
#13
Category slider
- Stubble
- Beauty
- Shopify-ready
Horizontal category cards for shave, face, hair and body.
0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category collection-list
#14
Category slider
- Tide
- Beauty
- Shopify-ready
Horizontal category cards for face, body, lips and care.
0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category collection-list
#15
Category tiles
- Tint
- Beauty
- Shopify-ready
Square category thumbnails with small mono labels.
0 KB JavaScript · Shopify Liquid, 3 Theme Editor settings · category category-grid
#16
Category slider
- Twist
- Beauty
- Shopify-ready
Horizontal category cards for tools, clips, gifts and care.
0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category collection-list
#17
Category slider
- Veil
- Beauty
- Shopify-ready
Horizontal category cards for complexion, eyes, lips and care.
0 KB JavaScript · Shopify Liquid, 1 Theme Editor setting · category collection-list
#18
Collection directory
- Balm
- Beauty
- Shopify-ready
Image-led directory of the main beauty collection families.
8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 8 Theme Editor settings · category collection-list
#19
Collection directory
- Bare
- Beauty
- Shopify-ready
Image-led directory of the main beauty collection families.
8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 8 Theme Editor settings · category collection-list
#20
Collection directory
- Blush
- Beauty
- Shopify-ready
Image-led directory of the main beauty collection families.
8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 8 Theme Editor settings · category collection-list
Frequently asked questions
What are the best collection list sections for Shopify?
Blocko lists 33 free, MIT-licensed collection list sections from 15 themes. 31 of them ship as Shopify Liquid today and the rest are complete HTML demos. The list is ranked with Liquid-ready items first, then by the least JavaScript, so Category slider from Balm comes first.
Are these collection list sections free to use?
Yes. Every item is MIT licensed, free to copy and edit, and needs no app or subscription. Blocko is not affiliated with Shopify.
How do I add one of these collection list sections to my Shopify store?
Open an item, copy its one-line prompt into your coding agent, or connect the Blocko MCP server at https://blocko.ai/mcp. The agent asks where the section should go before it changes any code.
Which industries do these collection list sections cover?
Beauty. Every industry with at least three matching items has its own list.
How much JavaScript do these collection list sections ship?
17 of 33 ship 0 KB of JavaScript. The heaviest is Collection directory in Balm at 8.3 KB, registered as an idempotent Custom Element.
Related lists
Filter by industry
Filter by page type
Where these collection list sections are used.
Other sections
- Customer Account Sections (165)
- Brand Guidelines Sections (105)
- About Sections (92)
- Utility Pages Sections (90)
- Contact Sections (73)
- Product Page Sections (58)
- Image With Text Sections (48)
- Landing Page Content Sections (46)
- Quizzes and Finders Sections (46)
- Cart Sections (45)
- FAQ Sections (44)
- Blog Sections (43)
Markdown version for agents · Browse the full library · Connect your agent