E-commerce Shopify / 2023
Project completed in agency at Huggii
La Fabrik à Volets
Build a made-to-measure shutter configurator capable of deriving the correct price for every combination of dimensions and options, where Shopify's native variant model hits its limits.
- Shopify
- Liquid
- JavaScript
The intention
Build a made-to-measure shutter configurator capable of deriving the correct price for every combination of dimensions and options, where Shopify's native variant model hits its limits.
The execution
Bypassing variant restrictions via a dynamic bundle system, integrating a pricing table covering all size/option combinations, Vanilla JavaScript calculation engine for real-time updates. Consolidated invoice generation to group multi-configuration orders.
The verdict
Configurator live — exact pricing calculated in real time for every combination of dimensions and options, with no approximation. Grouped invoicing operational: multi-configuration orders consolidated into a single invoice, simplifying processing for both client and buyer. A use case made possible where native Shopify falls short.
Technical details
- Product
- Made-to-measure shutter configurator
- Pricing
- Table covering all dimension/option combinations
- Price engine
- Real-time — Vanilla JavaScript
- Technologies
- Shopify · Liquid · JavaScript