# Image Upload

The 'Image Upload' customization option allows your customers to upload and project any image directly on the 3D model of your product. 

### <img src="/files/7AmBlUqQAshK161S2X2n" alt="" data-size="line"> <mark style="background-color:blue;">Do you already have Shopify variant options set up for your product?</mark>

Then we have a shortcut for you! [**Skip the configuration process**](/angle3d-configurator-documentation/binding/variant-binding.md#generate-pre-filled-options-from-variant-option)**.**\
**Otherwise**, fill out the following fields of the customization options:<br>

## Title

Label your customization option in 'Title' bar. This will help the customer understand how their choice is affecting the product.\
\
This feature can be hidden on the storefront.&#x20;

## Camera Angle

*Angle 3D Configurator* allows customizable camera angles to best showcase each component of the product. This will provide the customer further assistance in visualizing which part of the item they are modifying.\
\
To enable this feature, simply select '**Select camera angle**'. Next, move your cursor across the 3D model until satisfied with the camera angle. Select '**Confirm**' to save your choice.\
You will be able to set a custom angle for each customization option.\
\
This feature is **optional**. Simply leave it unchecked to have the same camera angle for all the product's components.

## Description

In the 'Description' bar you can provide your customer with further explanation of the current customization option. This feature might support the shopping experience, though it remains **optional**.

## **Image Placement Options**

Let's decide where and how the image will display on the 3D model of your product!\
Select '**Add an upload image option**' and make sure to '**Enable image upload**' to set up an image placement. You are also able to set the image upload option as '**Mandatory**'.\
Next, follow the steps below:

1. Choose and insert a '**Title**' to label the file upload option.
2. Select the '**Update the image location**' button to open the 'Image Upload mode' window.
3. **Click directly on the model** in the 3D viewer to place the image box. You will notice the cursor changing to a crosshair <img src="/files/QA89wTK4oG9ioJP91gwp" alt="" data-size="line">.&#x20;
4. Adjust the image box scale and rotation.&#x20;

Apply the same steps to any additional image upload options you wish to include.

### Manual Component Selection

An alternative to clicking on the 3D model is using the 'Manual Component Selection' option. Simply pick the 3D model component onto wish you wish to display the image.

### '**Confirm**' you choice to save your changes and go back to the 3D configurator.

### Image Manipulation&#x20;

You can enable the '**Image cropping**' feature on the storefront for your customers to modify the uploaded file. You are able to set the 'Crop aspect ratio' to either 'Free' or 'Custom'.

### Make sure to select 'Done' and save your changes!

Simply repeat all the steps from start to finish to set up more customization options.


---

# Agent Instructions: 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://docs.angle3d.co/angle3d-configurator-documentation/set-up-configurator/customization-options/image-upload.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.