Almsthre
Theme upgrade for a growing catalogue · 2024
A theme upgrade that made a growing catalogue easier to browse and quicker to buy from: better navigation, quick add, colour swatches and a buy button that's always in reach.
The problem
Almsthre's catalogue had outgrown its theme. The menu couldn't show all the categories, adding anything to cart from a collection page meant opening each product first, and on mobile the buy button was buried down the product page.
What I built
I replaced the menu with a desktop drawer the team builds from blocks in the theme editor. Quick add and colour swatches on collection pages share one cart system with the product page, so everything stays in sync. The sticky add-to-cart bar follows whichever option is selected, rather than being a separate copy that can drift out of step.
How it feels to shop
Everything works even before JavaScript loads — swatches and quick add sit on top of normal links and forms — so collection pages stay fast on slower mobile connections.
Result
Adding to cart no longer costs a page load, and the team manages their own navigation.
Stack: Shopify 2.0, Liquid, JSON templates, Sections & blocks, Metafields, Vanilla JS