> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.sayduck.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Variants - What & How to use?

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

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/untitled-5_ca64d9.jpg)

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

${youtube}[Understanding Variants: What They Are & How to Edit Them](CeRlVIOpZmI)

### What can I edit in my Variant?


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

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-09-20-at-11083_1na4iiq.png)

###### Add Meshes, Materials & Nodes


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

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/assign-material-to-node_e4qq8i.jpg)

###### Annotations


**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**.

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-08-30-at-13553_o7cfgi.png)

###### Camera positions


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

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-11-01-at-10375_1pf7ctc.png)

###### 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. 

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/3dcustomtextndbfru1tcrff3_1pchvtc.png)

### How to navigate between Variants?


You can navigate between **Variants** from these menus. 

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-11-01-at-10511_18mt3l5.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-11-01-at-10471_112bbn1.png)

### 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

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-11-01-at-10430_1oeq0j8.png)

### 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.

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-08-30-at-14193_15xwrc.png)

### Variant information


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

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-09-20-at-11123_105287x.png)

###### Name


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

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-11-01-at-95822_xr5ue.png)

###### Swatch colour


Swatch colour changes the **Variant** icon colour.

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-08-16-at-16110_gr8plz.png)

###### Display position


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

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-08-17-at-10113_1gcoj1e.png)

###### Status


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.

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-08-17-at-10080_c0523i.png)

###### 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)](/en/article/product-shadows-ambient-occlusion-s2t0fb/)

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-08-30-at-13505_1ud91c7.png)

###### 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](/en/article/custom-ar-assets-bn61jp/)

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-08-30-at-13485_yx6iqg.png)

###### 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](/en/article/mesh-replacement-1w2w7pm/) and [Material Replacement](/en/article/material-replacement-1tebwf0/)

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-08-30-at-14313_1fvwduf.png)

###### Metadata


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

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/screenshot-2022-11-01-at-10185_1lzfdsh.png)