100 Percent
Shopify Plus product page and cart rebuild · 2025
A smoother way to shop a big Shopify Plus catalogue: colourways that switch in place, add to cart from anywhere, and a custom cart built to sell the next item.
The problem
100 Percent sells each style in several colourways — but in Shopify, every colourway was its own separate product. Shoppers comparing colours had to bounce between pages, quick add on collection pages didn't really work, and the off-the-shelf cart and filters couldn't keep up with how people actually browse the range.
What I built
I rebuilt the product page from the ground up. Colourways are now linked behind the scenes with metaobjects, so separate products show up as one style and switching colour updates the page instantly instead of loading a new one. I added quick add on collection pages and a sticky add-to-cart bar, and replaced the stock Rebuy cart with a fully custom one. Collection pages got custom filters that work alongside Shopify Search & Discovery, plus promo blocks that sit inside the product grid without breaking sorting.
How it feels to shop
Changing colour feels like picking a variant — no reload, no losing your place. The buy button follows you down long product pages, you can add straight from the grid, and the cart looks and behaves like part of the site rather than a bolted-on app.
Result
The range now shops like one connected catalogue instead of a list of separate products — and the team updates collections and the cart without booking developer time for every change.
Stack: Shopify Plus, Liquid, JavaScript, Rebuy, Metaobjects, Search & Discovery, Sortwise collection filters