# General Look

The **Product Personalizer** function allows you to show a **live option preview** directly on the main product images.\
This helps customers see how their selected options (e.g., text, colors, uploads) will look on the product before purchasing.

### <mark style="color:blue;">Supported Option Types</mark>

Not all option elements support live preview. Currently, the following option types are supported:

* **Text / Text area**
* **Number**
* **File Upload**
* **Dropdown / Color Dropdown / Image Dropdown**
* **Swatch / Color Swatch / Image Swatch**
* **Radio Button**
* **Checkbox**

### <mark style="color:blue;">Personalize Panel</mark>

* Each option that supports live preview has a **Product Personalizer tab**.
* You can find it in the **top-right corner** of the option’s settings area.
* Other settings (**Basic** and **Advanced**) remain on the left panel.

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

## <mark style="color:blue;">Preview Panel Setup</mark>

The **Preview Panel** controls how your option preview is displayed on the product image.

### <sup>1. Enable Personalize Editor</sup>

* Go to the **right tab** of the option settings.
* Switch on the toggle **“Show Personalize Editor”**.

### <sub>2. Select Background</sub>

You can choose what background to use for the preview:

* **Product image** – Use the product image itself as the background.

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

* **Custom image** – Upload your own background image to replace the product image.

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

### <sub>3. Set Conditions to Apply</sub>

Choose which product images the personalization will be applied to:

* **All product images** – Apply preview to every product image.
* **First product image only** – Apply preview to the first product image.
* **Last product image only** – Apply preview to the last product image.
* **Specific product image** – Select a particular product image to apply the preview.<br>

📧 **Need Help?**\
If you run into any issues while setting up your option set, feel free to reach out to us at **Chat** or email **<contact@globosoftware.net>**.

We’re always here and happy to help — with sincerity and care!


---

# 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.globo.io/options/product-personalizer-live-preview/general-look.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.