# 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="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FFnPtTxyChDuE3QsQ5LbN%2Fimage.png?alt=media&#x26;token=9d857e5b-186e-4efa-afdb-79aabf64d3b1" 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="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2F3QjG3mmJeuHAE8D0tWUa%2Fimage.png?alt=media&#x26;token=4da6b13f-1d9f-436c-9cc0-3144247ead0a" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FRhgt3iw3AlJoWG99F5m3%2Fimage.png?alt=media&#x26;token=a975fad0-2d05-4af3-bc1f-180dc916845a" 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!