> For the complete documentation index, see [llms.txt](https://guide.swiftxr.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.swiftxr.io/how-to/how-to-add-picture-and-colour-variant-to-your-3d-model.md).

# How to add Picture and Colour Variant to your 3D Model

It is no longer a daunting task, when it comes to creating a gallery of 3D model. It is therefore a need to be able to scroll through your gallery. This is where the use of picture and colour variant comes in

## Step 1: Create a new Project&#x20;

Open the SwiftXR editor > select components > click on 3D. Then drag and drop the 3D Carousel component on the Canvas. Choose any of the means available to get your 3D models Upload your 3D model from your device&#x20;

* Upload a 3D model from your device
* Search SwiftXR asset store&#x20;
* Use our AI image to 3D converter
* Request a custom 3D model from SwiftXR

<figure><img src="/files/DPwuM1MLVwPvmxeNGF3R" alt=""><figcaption></figcaption></figure>

## Step 2: Add Multiple 3D Models

You can go ahead to upload multiple 3D Models according to your desired number

<figure><img src="/files/4kj2SG5yir7i1ezBI7rd" alt=""><figcaption></figcaption></figure>

## Step 3: Add your colour Variant

To use the colour variant, click on Display under Carousel option. You will see a series of options; click on Colour variant.

<figure><img src="/files/BGjZtvVoxO0d97lwsDBE" alt=""><figcaption></figcaption></figure>

* Select the colour you want to use to represent your 3D model

<figure><img src="/files/qjbAI3Xd4TtJydU8wDf1" alt=""><figcaption></figcaption></figure>

* Do the for the rest of your 3D Models.

## Step 4: Add your Picture Variant

To add picture variant, click on display under carausel under properties. In the drop down menu, select Picture variant

<figure><img src="/files/Uqcnz3yeYXjMg8v1lPaF" alt=""><figcaption></figcaption></figure>

* Take a 3D snap of your model; this is what you will use to represent your thumbnail.

<figure><img src="/files/YYJb5gQUIoZ6mhMxMM5E" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/hlEB8JJ4R7E86hdqa4BT" alt=""><figcaption></figcaption></figure>

* Scroll down, still under properties, under Add thumbnail. Then go ahead to upload your generated snap.

<figure><img src="/files/aT8CU3BlknOM5R15Bt8O" alt=""><figcaption></figcaption></figure>

## Step 5: Preview your Project&#x20;

<figure><img src="/files/UrlTh3dhPIi0D89oR2CO" alt=""><figcaption></figcaption></figure>
