Ergonomic office chair - interactive 3D configurator with selectable finishes, regional pricing, stock, delivery, and checkout
Demo context

What this one-page shop is showing.

This page keeps the buying surface available first, then lets the live 3D experience take over when the runtime is ready. The same Commerce engine can power the flat product state, external controls, 3D viewer state, checkout, invoices, order emails, and refunds.

Hybrid loading

The page can show a lightweight product surface before the 3D viewer finishes loading, while keeping configuration and price data synchronized.

External controls

The finish buttons live outside the viewer, but they still drive the 3D project and update the product name, selected option, price, stock, and delivery.

Demo checkout

Demo checkout runs in demo mode. Stripe test mode is used for payment, no real payment is captured, and no product is shipped.