Blocko has 29 free collection product grid sections for Shopify Online Store 2.0, from 15 themes across beauty. 28 ship as Shopify Liquid with merchant settings; 0 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. Showing items 21 to 29.
| # | Name | Theme | Industry | Shopify | JavaScript | Settings |
|---|---|---|---|---|---|---|
| 21 | Collection catalog grid | Lather | Beauty | Liquid + HTML | 9.2 KB | 12 |
| 22 | Collection catalog grid | Prism | Beauty | Liquid + HTML | 9.2 KB | 12 |
| 23 | Collection catalog grid | Shelf | Beauty | Liquid + HTML | 9.2 KB | 12 |
| 24 | Collection catalog grid | Stubble | Beauty | Liquid + HTML | 9.2 KB | 12 |
| 25 | Collection catalog grid | Tide | Beauty | Liquid + HTML | 9.2 KB | 12 |
| 26 | Collection catalog grid | Tint | Beauty | Liquid + HTML | 9.2 KB | 12 |
| 27 | Collection catalog grid | Twist | Beauty | Liquid + HTML | 9.2 KB | 12 |
| 28 | Collection catalog grid | Veil | Beauty | Liquid + HTML | 9.2 KB | 12 |
| 29 | Collection product grid | Tress | Beauty | HTML only | 4.4 KB | n/a |
#21
Product grid with a promotional tile and progressive load-more behavior.
9.2 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 12 Theme Editor settings · category main-collection-product-grid
#22
Product grid with a promotional tile and progressive load-more behavior.
9.2 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 12 Theme Editor settings · category main-collection-product-grid
#23
Product grid with a promotional tile and progressive load-more behavior.
9.2 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 12 Theme Editor settings · category main-collection-product-grid
#24
Product grid with a promotional tile and progressive load-more behavior.
9.2 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 12 Theme Editor settings · category main-collection-product-grid
#25
Product grid with a promotional tile and progressive load-more behavior.
9.2 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 12 Theme Editor settings · category main-collection-product-grid
#26
Product grid with a promotional tile and progressive load-more behavior.
9.2 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 12 Theme Editor settings · category main-collection-product-grid
#27
Product grid with a promotional tile and progressive load-more behavior.
9.2 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 12 Theme Editor settings · category main-collection-product-grid
#28
Product grid with a promotional tile and progressive load-more behavior.
9.2 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 12 Theme Editor settings · category main-collection-product-grid
#29
Product grid with badges, quick views, promotional tile, and load more.
4.4 KB JavaScript (vanilla Custom Element) · HTML demo, Liquid pending · category main-collection-product-grid
Blocko lists 29 free, MIT-licensed collection product grid sections from 15 themes. 28 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 Collection product grid from Balm comes first.
Yes. Every item is MIT licensed, free to copy and edit, and needs no app or subscription. Blocko is not affiliated with Shopify.
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.
Beauty. Every industry with at least three matching items has its own list.
0 of 29 ship 0 KB of JavaScript. The heaviest is Collection catalog grid in Balm at 9.2 KB, registered as an idempotent Custom Element.
Where these collection product grid sections are used.
Markdown version for agents · Browse the full library · Connect your agent