Shopify
Front-end
Configurator
ColourFence
Fence-panel product builder with swatches and add-ons
- Client
- ColourFence
- Platform
- Shopify, Front-end
- Scope
- Product builder, front-end
01 — Overview
A product builder that lets shoppers configure fence panels visually.
02 — What I built
- 01
Swatch and variant picker
Panel colours and variants chosen from visual swatches instead of dropdowns
- 02
Add-ons in the product form
Optional extras selected alongside the panel and added to the cart together
- 03
Handle-switch routing
As options change, the builder routes shoppers to the matching panel product
03 — Stack
Shopify
Liquid
JavaScript
CSS