イメージプレビュー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.
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.
主な機能
受注生産、すべておまかせ
自分での設定は不要 — ECOSIRE が構築・インストール・サポートする実働アプリです。
- 1
ご注文
一回限りの構築料金から始めます。キックオフで一緒に範囲を決めます。
- 2
構築とインストール
ECOSIRE がお客様の Magento 2 上で構築・設定・インストールします。
- 3
本番稼働 + サポート
約1週間（営業日ベース）で稼働し、本番稼働後2週間のサポートが付きます。納品したコードの不具合は無償で修正します。
この製品について
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.
得られるもの
- 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
これは誰のためのものですか
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.
3D Product Configurator & Customizer の比較方法
| 基準 | エコシエール | カスタムビルド | 競合他社 | Magento 2 標準機能 |
|---|---|---|---|---|
| Real-time 3D viewer wired to your actual Magento catalog options | 付属 | 部分的なサポート | 部分的なサポート | 含まれていない |
| Accurate per-component pricing in cart, quote, and order (via di.xml price plugin) | 付属 | 部分的なサポート | 部分的なサポート | 含まれていない |
| Built, installed, and supported on your store by the vendor | 付属 | 部分的なサポート | 含まれていない | 含まれていない |
| AR-ready models (USDZ / Quick Look, glTF Scene Viewer) | 付属 | 部分的なサポート | 部分的なサポート | 含まれていない |
| GraphQL + REST service contract for Hyvä / PWA / headless | 付属 | 部分的なサポート | 部分的なサポート | 含まれていない |
| No upfront build cost — instant licensed download | 含まれていない | 含まれていない | 付属 | 付属 |
| Tailored to your exact theme and option logic without rework | 付属 | 付属 | 含まれていない | 含まれていない |
| Clean composer module, upgrade-safe across 2.4.x patches | 付属 | 部分的なサポート | 部分的なサポート | 部分的なサポート |
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.
関連モジュール
Xero Accounting Integration for Magento 2
A custom-built Magento 2 module that pushes your sales orders, invoices, inventory, products and customers into Xero automatically — with tax and payment-account mapping and scheduled cron sync. Built, installed and supported by ECOSIRE.
Zalando Integration for Magento 2
A build-to-order Magento 2 / Adobe Commerce extension that connects your store to Zalando Partner Program (and wholesale) — listing, inventory, pricing and order sync for fashion sellers targeting Europe. Built, installed and supported by ECOSIRE on your install.
AI Product Recommendation Engine
A custom-built Magento 2 / Adobe Commerce extension that tracks behavioral signals and serves personalized cross-sell, up-sell and "frequently bought together" blocks on homepage, PDP and cart — built, installed and supported by ECOSIRE.
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