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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://guide.swiftxr.io/how-to/how-to-add-picture-and-colour-variant-to-your-3d-model.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
