Combine a main product with other products and accessories
What isModular Configuration?
Choose related products, accessories, variants and quantities around a main product in one 3D scene. Use preset layouts or merchant-defined placement rules; Shopify receives each selected product variant and quantity.
- Cross-product selectionThe main item and accessories are separate products, each with variants and quantities.
- Placement and connection rulesPreset or free placement supports movement, rotation, duplication and removal; snapping uses defined connection points.
- Combined product listRetain each product variant and quantity; Shopify hands the list to purchase.
When is 3D modular configuration used?
Choose related products, accessories, variants and quantities around a main product in one 3D scene. Use preset layouts or merchant-defined placement rules; Shopify receives each selected product variant and quantity.
Office combinations
Start with a desk and choose chair and lamp variants and quantities separately.
Main products and accessories
Manage optional accessories for boats, lamps or furniture as separate products and display merchant-defined combinations.
Multi-product purchase handoff
After confirming a combination, Shopify purchase handoff uses each product variant and quantity.
What makes up 3D modular configuration?
A main product, accessory products, layout and product list form one combination.
Cross-product selection
The main item and accessories are separate products, each with variants and quantities.
Placement and connection rules
Preset or free placement supports movement, rotation, duplication and removal; snapping uses defined connection points.
Combined product list
Retain each product variant and quantity; Shopify hands the list to purchase.
The core workflow of 3D modular configuration.
Choose a main product and accessories, then confirm variants, quantities and placement.
- 01
Prepare product information
Main product, accessory and variant list, Product models and default placement, Compatibility rules and connection points.
- 02
Preview and confirm
Check models, options and content, save a draft, then confirm and publish.
- 03
Choose a publishing channel
Use published content on target pages, with the same version in standalone links and embeds.
How are modules and rules organised?
Accessories are limited to merchant-configured products, retaining individual variants and quantities.
Product definition
- Main and other products
- Accessory variants and defaults
- Model-to-product bindings
Selection rules
- Exclusions and dependencies
- Merchant-defined connection points
- Preset or free placement
Result mapping
- Individual product variant IDs
- Individual quantities
- Shopify multi-product handoff
How does 3D modular configuration
handle invalid combinations?
Product compatibility, dependencies and connection points give selection feedback rather than engineering or structural calculations.
This plan can continue
The option joins the plan directly, and the product and summary update together.
A preceding choice is needed
The system points to the associated field so a buyer never has to hunt for the answer.
Explain the limitation
Show the conflict, dependency or size restriction and offer valid alternatives.
Related options adjust together
When a selection affects connected parts, compatible options and the plan summary update together.
Example: selecting the main product shows only merchant-configured compatible accessories and variants.
How are products arranged together?
Compare products in one scene, using merchant-defined connection and compatibility rules.
Main product
Desk × 1
Accessory variants
Chair and lamp selected separately
Quantities
Recorded per product
How does 3D modular configuration output plan data?
Results retain each product variant, quantity and placement. Shopify handles purchase per product; this list is not a manufacturing BOM.
Where can 3D modular configuration be deployed?
Shopify product media supports combination purchase; standalone links and SDK embeds support presentation and interaction.
- 01Shopify product media
- 02Standalone combination link
- 03SDK webpage embed
What needs to be prepared before integration?
Prepare products, accessories, variants, models and rules, then choose a publishing channel.
Input information
Main product, accessory and variant list, Product models and default placement, Compatibility rules and connection points
Publishing channels
Shopify, standalone links and SDK embeds use the same published content.
Scope boundary
This page includes a product overview and a real interactive case. Actual use follows delivered functionality, product information and channel requirements. Manufacturing BOMs, CPQ and custom system integration require separate assessment.
Publish where customers use the content.
Preview, save a draft and confirm publishing before choosing a channel. Channels reuse the same published content, with drafts separated from published versions.
Shopify
Combine main and accessory products in product media and hand off each variant and quantity to purchase.
Standalone link
Present, interact with and share published content independently, without default purchase capability.
SDK webpage embed
Reuse the published experience on third-party websites. Complex workflows and system integration require separate assessment.
See the current product in a spatial context.
These are supporting abilities in the product approach. Website illustrations do not connect to live AR or AI services.
AR for the current product
View the current materials, visible parts or combination in space, subject to device and platform support. Configuration, exploded views and step teaching take place on the webpage.
AI scene visual references
Use the current configuration and scene references to understand styling. Results support visual communication; product data remains authoritative for quantities, actual dimensions and manufacturing information.
3D Configurator
Configure options and match variants on one product
Common questions about 3D modular configuration.
Confirm cross-product selection, quantities and publishing boundaries.
Are accessories options of the main product?
Accessories can be separate products with their own variants and quantities. Options within one product belong to the standard configurator.
Can any object be freely placed?
Combinations use merchant-configured products and accessories, with position and rotation changes. Arbitrary physical resizing is not included.
Is connection snapping an engineering check?
Snapping uses merchant-defined connection points and compatibility rules. It is not a general collision, load or engineering assembly solver.
Does a standalone link add the set to a cart?
Standalone links present the combination. Multi-product purchase uses the Shopify adapter, with Shopify authoritative for price and stock.
Start with the main product and accessory list.
Share models, variants, quantities and default placement to confirm combination rules and channels.