← All projects
Project
Custom Collection Grid
Services
Custom Shopify Section, Liquid + JS
Website
Shopify · Liquid
2026
Custom Collection Grid
A custom collection grid section that breaks out of the default uniform layout, mixing feature tiles and product cards into an editorial, magazine style grid that makes a catalog feel curated and guides shoppers toward the right products.
Editorial grid · merchant editable
The challenge
The stock collection layout made every product feel the same and gave merchants no way to highlight hero pieces or tell a story inside the grid.
Skills
Custom Shopify SectionLiquidJavaScriptCRO
What I did
- 1Designed an editorial grid that mixes large feature tiles with standard product cards in one responsive layout.
- 2Built it as a Liquid section with drag friendly blocks so merchants can reorder and feature products themselves.
- 3Tuned the breakpoints so the grid stays balanced and light from wide desktop down to mobile.
Results
- A curated, editorial feel instead of a flat product wall
- Merchants can feature hero products without touching code
- Clearer browsing path through the collection
Want your key page working this hard?
The 14-day sprint fixes the buying friction on one product or landing page, implemented in your theme, documented before and after.