A 3D configurator for the Campooz Lazy Jack.

A showcase of our configurator expertise: an interactive 3D folding caravan configurator with Magento 2 integration.

3D folding caravan configurator

The Campooz Lazy Jack is a folding caravan with a modular system of awnings and extensions. But how do you let customers experience all those options before they buy? Exactly — with a 3D configurator.

This project is not an actual client case, but a showcase. We wanted to demonstrate what is possible when you connect an interactive 3D product configurator to a fully-fledged e-commerce platform.

The Campooz Lazy Jack was the perfect subject for this: a product with enough configuration options to make it interesting, and a target audience that benefits from visual configuration.

Check out the configurator here: https://campooz.elgentos.io

Challenge

You don't buy a folding caravan every day. And when you do, you want to know exactly what you're getting. The Campooz Lazy Jack has five optional extensions — from a Trekking Awning to a Camping Awning and the Ugly Betty rear extension — each affecting the overall dimensions and price. That's hard to picture from a product page with a few photos.

The challenge: build a configurator that makes this tangible. Customers need to be able to put together their ideal setup in a 3D environment, see the dimensions directly, and add the result to their cart with a single click.

Our solution

We built a custom 3D configurator with Three.js and Preact, connected to Magento 2 via a custom connector module.

3D model development
The 3D model of the Lazy Jack was built in Blender and exported as a GLB file. Each component — the base trailer, Trekking Awning, Camping Awning, Turbo Awning, Extra Trekking Awning and Ugly Betty — is modelled as a separate object, so they can be toggled on and off independently.

Interactive configuration
Via a clear panel you select your desired extensions and colour scheme. The 3D view adjusts instantly. Including dimension lines that show the exact measurements of your specific configuration — from 9.2 metres wide for the base model to over 14 metres with all extensions.

Dynamic price calculation
The base model starts from €12,250. Each addition has a fixed surcharge (for example €750 for the Camping Awning or €474 for the Ugly Betty). The total price is calculated and displayed in real time.

Magento 2 integration
The real power lies in the connection. We built a Magento 2 connector that adds the configuration — including selected options, calculated price and a screenshot of the 3D configuration — directly to the cart. The screenshot is included as a product image in the order process, so both the customer and the seller know exactly which configuration was ordered.

Technical highlights

Preact + Three.js — Lightweight frontend that can be embedded as a widget on any page

GLB models from Blender — Optimised 3D models with multiple material textures

Dynamic dimension lines — 9 predefined combinations with exact measurements in metres

Server-side price calculation — Prices are calculated in Magento, not in the browser, to prevent manipulation

Screenshot export — The configuration is saved as a PNG and passed along to the order process

Custom cart integration — Configured options are attached to the quote item as additional_options and carried through to the order

Day/night simulation — A time slider adjusts the lighting for a realistic atmospheric impression

Result

The result is a fully working proof of concept that shows how a 3D configurator can work seamlessly with an e-commerce platform. From rotating and configuring a folding caravan in the browser to checking out in Magento with the exact configuration as an order line — the entire journey works end-to-end.

This project demonstrates our approach: we combine creativity with technical depth. The same architecture — a standalone configurator widget with a headless connection to the e-commerce platform — can be applied to any configurable product, from furniture to machinery.

Technology and tools

Three.js — 3D rendering and scene management

Preact — Lightweight component framework

Blender — 3D modelling and texture baking

Magento 2 — E-commerce platform with custom connector module

Webpack — Module bundling and build optimisation

Vercel — Hosting and deployment of the configurator

Why choose us?

We build 3D configurators not because it's a fun technical exercise — though it is that too. We build them because they demonstrably work. A well-built configurator speeds up the sales process, reduces returns and gives customers confidence in their purchase.

We built this showcase to demonstrate what's possible. No vague concepts, but working software you can touch, rotate and order from. Do you have a product that benefits from visual configuration? We'd love to talk.