Articles on: Editing

Variants - What & How to use?

Variants refer to the different color or size options that you to add of your product.

To learn more about Variants, check out this quick guide video:

What can I edit in my Variant?

Each Variant has its own 3D scene that can be adjusted independently of one another.

Add Meshes, Materials & Nodes

Assets from your Resource tab can be used to add new Nodes and change their Materials.


Annotations can be used to highlight certain parts of your product. Each one also has its own Camera position as well as a text Title, Content and a Button with URL link.

Camera positions

Camera positions are preset positions that navigate the camera to different parts of a product.

Custom 3D text

Custom 3D text adds a 3D text field with options like Text, Size and Position. This text field can be updated in real-time using the 3D viewer API.

How to navigate between Variants?

You can navigate between Variants from these menus.

The benefit of using the viewer tab is that you can have it open and access your assets.

How to create New Variant?

To create a new Variant, click on the + Variant button. This will create a Copy of your active Variant.

Copy of Variant will still share materials with the previous one so you will need to assign new materials

How to know which Variant you are editing?

Your active Variant is marked with an eye icon and a red highlight. This will help you know which 3D scene you are editing.

Variant information

Select a Variant to open its 3D Scene and information tab.


Variant names can be changed and should be representative of the 3D scene.

Swatch colour

Swatch colour changes the Variant icon colour.

Display position

Used to change the orders of your Variants. The one with the lowest number will be displayed first.


You hide or show variants by changing their status.

Live: Visible in the variant picker.
Invisible: Hidden from the variant picker, but can be loaded with a custom event.
Offline: Will not be added to live viewer.

Shadow plane

Shadow plane is used to add contact shadow or ground shadow to your product. This will make the product look more realistic as shadows have a big impact on how our eyes perceive things.

For more information, check out: Product Shadows (Ambient Occlusion)

Custom AR Assets

We generate AR Assets for each Variant on publish. But you can upload your own AR assets, with custom properties such as animation/VTO.

For more information, check out: Custom AR Assets

Mesh & material replacements

Mesh & material replacements are conditions you add to a Variant. They will replace an asset in the 3D scene with another found in your resources.

For more information, check out: Mesh Replacement and Material Replacement


To each Variant, you can add custom Metadata values that you can then use in your integration.

Updated on: 17/04/2023

Was this article helpful?

Share your feedback


Thank you!