Skip to main content
3D Product Configurator & Customizer — A custom-built Magento 2 / Adobe Commerce extension that adds a real-time 3D product v — 1/1Illustrative preview

A custom-built Magento 2 / Adobe Commerce extension that adds a real-time 3D product viewer with color,

material, size, and per-component selectors, plus accurate per-option pricing. Built, installed, and supported by

ECOSIRE on your store.

What is 3D Product Configurator & Customizer?

A custom-built Magento 2 / Adobe Commerce extension that adds a real-time 3D product viewer with color, material, size, and per-component selectors, plus accurate per-option pricing. Built, installed, and supported by ECOSIRE on your store. Built to order by ECOSIRE for Magento 2 / Adobe Commerce (build-to-order) — indicative price from $999.00 USD; request a quote for a scoped proposal.

Key Features

Real-time WebGL 3D product viewer (three.js) with rotate, zoom, and pan, rendering glTF/GLB assets directly on the Magento product page
Material, color, and size selectors wired to native Magento custom options and configurable/bundle attributes — no parallel data model to maintain
Per-component and per-option pricing resolved through a price interceptor (plugin declared in di.xml) so totals stay correct across cart, quote, and order
Swatch and variation support that reuses Magento's visual swatch images, mapped to 3D material/texture states
AR-ready model support: optional USDZ export for iOS Quick Look and glTF for Android Scene Viewer, generated via cron-driven background jobs
Saved configuration persisted on the quote item and order item, exposed through a service contract (repository + data interface)
GraphQL and REST endpoints that return the chosen 3D configuration — Hyvä, PWA Studio, and headless-storefront friendly
Admin configuration UI with dedicated ACL resources for managing 3D models, swatch-to-material maps, and component pricing rules
Observer/event hooks (checkout_cart_product_add_after) to validate and attach the configurator selection before add-to-cart
Cron-scheduled asset processing for thumbnail and AR-model generation so the storefront request is never blocked
Compatible with Magento Open Source and Adobe Commerce 2.4.x on PHP 8.1–8.3, theme-agnostic (Luma, Hyvä, custom)
Built as a standard composer module under app/code/Ecosire/ProductConfigurator with full module.xml/registration.php registration

Built to order, done for you

No DIY setup — a working app, built, installed and supported by ECOSIRE.

  1. 1

    You order

    Start with a one-time build price. We scope it with you at kickoff.

  2. 2

    We build & install

    ECOSIRE builds, configures and installs it on your Magento 2.

  3. 3

    Go live + support

    You go live in about one working week, with two weeks of go-live support. Defects in the code we deliver are fixed free of charge.

About this Product

The 3D Product Configurator & Customizer turns a flat product page into an interactive, real-time 3D experience. Shoppers rotate the model, swap materials, colors, sizes, and individual components, and watch the price update live before they add to cart — ideal for furniture, footwear, jewelry, and bespoke-goods merchants where a static gallery undersells the product.

This is not an instant Adobe Commerce Marketplace download. ECOSIRE builds the extension to fit your catalog, theme, and option logic, then installs and supports it on your Magento install. Delivery is shipped as a proper module under app/code/Ecosire/ProductConfigurator with a clean composer package, registered via registration.php and module.xml.

Under the hood it integrates the way Magento expects. The configurator binds to custom options and configurable/bundle attributes, so your existing catalog structure drives the 3D states. Per-component and per-option pricing is resolved through a price plugin (interceptor via di.xml) and surfaced consistently in cart, quote, and order. A dedicated service contract exposes the saved configuration, and we expose it over both GraphQL (for Hyvä / PWA Studio / headless storefronts) and REST so the chosen config travels with the quote item. Admins manage models, swatches, and pricing rules behind proper ACL resources, and heavy tasks (thumbnail/USDZ generation) run on Magento cron rather than blocking the request.

The 3D viewer is rendered client-side (WebGL/three.js) with glTF/GLB assets and optional USDZ/AR-ready models for iOS Quick Look. We work with your designer's models or help you prepare them. The result: an honest, maintainable extension your team actually owns — compatible with Magento Open Source and Adobe Commerce 2.4.x, on PHP 8.1–8.3.

What you get

  • A custom Magento 2 module (Ecosire_ProductConfigurator) installed under app/code on your store, packaged as an installable composer artifact
  • 3D viewer front-end integrated into your product page template and theme (Luma, Hyvä, or custom), with selectors wired to your real catalog options
  • Per-option / per-component pricing logic with cart, quote, and order totals verified against your tax and promotion rules
  • GraphQL and REST endpoints plus a service contract for retrieving saved configurations (for headless/PWA or downstream systems)
  • Admin panel with ACL-scoped configuration screens and a short admin training walkthrough
  • Deployment to your staging environment, UAT sign-off, production install, and a post-launch support window with documented update path

Who this is for

Bespoke furniture retailer

Sells configurable sofas, tables, and cabinetry where finish, fabric, and dimensions all change the price. Needs shoppers to see the exact combination in 3D and get an accurate quote before checkout instead of emailing for options.

Footwear & apparel brand

Offers customizable sneakers or jackets with per-panel colors and materials. Wants a visual configurator that maps each panel to a Magento option and reflects the upcharge for premium materials in real time.

Jewelry & bespoke-goods merchant

Builds made-to-order rings and pieces by metal, stone, and engraving. Needs a high-fidelity 3D preview plus AR try-on, with the final specification stored on the order for the workshop.

How 3D Product Configurator & Customizer Compares

CriterionECOSIRECustom BuildCompetitorMagento 2 Native
Real-time 3D viewer wired to your actual Magento catalog optionsIncludedPartial supportPartial supportNot included
Accurate per-component pricing in cart, quote, and order (via di.xml price plugin)IncludedPartial supportPartial supportNot included
Built, installed, and supported on your store by the vendorIncludedPartial supportNot includedNot included
AR-ready models (USDZ / Quick Look, glTF Scene Viewer)IncludedPartial supportPartial supportNot included
GraphQL + REST service contract for Hyvä / PWA / headlessIncludedPartial supportPartial supportNot included
No upfront build cost — instant licensed downloadNot includedNot includedIncludedIncluded
Tailored to your exact theme and option logic without reworkIncludedIncludedNot includedNot included
Clean composer module, upgrade-safe across 2.4.x patchesIncludedPartial supportPartial supportPartial support

Frequently Asked Questions about 3D Product Configurator & Customizer

Is this an instant download from the Adobe Commerce Marketplace?

No. This is a build-to-order extension. ECOSIRE builds it to match your catalog, options, theme, and pricing logic, then installs it on your Magento install. There is no instant marketplace download — you get a custom module your team owns and we support.

How long does delivery take?

A typical build runs about one working week depending on model complexity, the number of configurable options, and your theme. It starts with a scoping call and access to your staging environment, then design, integration, UAT on staging, and a supervised production install. We give you a firm timeline after scoping.

Do you provide ongoing support and updates after launch?

Yes. Every build includes a post-launch support window for bug fixes and a documented update path. We also offer ongoing support retainers covering Magento 2.4.x minor upgrades, PHP version bumps, security patches, and theme changes. Because it is a standard composer module, updates apply cleanly without overwriting your customizations.

Does it work with Hyvä, PWA Studio, or a headless storefront?

Yes. The saved configuration is exposed over GraphQL and REST via a service contract, so headless and PWA Studio storefronts can read and render it. For Hyvä themes we integrate the 3D viewer into the Hyvä front-end rather than relying on Luma/RequireJS. We confirm your exact stack during scoping.

Do I need to supply the 3D models?

Ideally yes — glTF/GLB models from your designer give the best fidelity. If you do not have them, we can help prepare or source them as a separate workstream. We map your existing Magento swatch images and option labels to the corresponding 3D material and color states during the build.

Will the configured selection and price show correctly in the cart and order?

Yes. Pricing is resolved through a price interceptor declared in di.xml, and the chosen configuration is persisted on the quote item and order item. We verify totals against your tax, currency, and promotion rules during UAT so what the customer sees in 3D matches the cart, invoice, and the spec your fulfillment team receives.

Request a quote

3D Product Configurator & Customizer

A custom-built Magento 2 / Adobe Commerce extension that adds a real-time 3D product viewer with color, material, size, and per-component selectors, plus accurate per-option pricing. Built, installed, and supported by ECOSIRE on your store.

  • Real-time WebGL 3D product viewer (three.js) with rotate, zoom, and pan, rendering glTF/GLB assets directly on the Magento product page
  • Material, color, and size selectors wired to native Magento custom options and configurable/bundle attributes — no parallel data model to maintain
  • Per-component and per-option pricing resolved through a price interceptor (plugin declared in di.xml) so totals stay correct across cart, quote, and order
  • Swatch and variation support that reuses Magento's visual swatch images, mapped to 3D material/texture states

Request a Quotation

Tell us about your 3D Product Configurator & Customizer requirements and we'll send pricing, licensing options and a tailored proposal — usually within one business day.

No payment now. This sends a quote request to our team — we'll follow up by email with pricing and next steps.