Case study · Shopify
Volcom: collection and product pages with Klarna and Get the Fit.
I built Volcom’s full collection and product page experience on Shopify, including Klarna messaging and a Get the Fit module that completes the outfit right on the product page.
What I built
What’s in the build.
Built
- Collection pages for the workwear line with sub-collection tabs (Volcom Workwear, Volcom Denim, Frickin, Featured Artists), filter and sort controls, and a grid-density toggle.
- Product cards with colour count, price and star rating.
- Get the Fit: matching products (denim, footwear) shown on the product page, each with its own colour and size selection and clear unavailable-size states.
- Klarna payment messaging on the product page.
- Mobile collection and product layouts with the same filter, sort and grid controls.
Stack
- Shopify
- Liquid
- JavaScript
- UX
On the same pages
- Product pages with an image grid, size selector, Add to Cart, Details and Shipping & Returns accordions.
Screens
From the live store.
More work
Other stores I’ve engineered.
Start a build
Let’s build something that ships.
Start a buildmamdohali720@gmail.com · +20 102 212 7566 (WhatsApp) · CAIRO, EG