# Product options swatches

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FGeIkBQFI4LGjyGqhvlet%2Flivechat883x471%20(1).png?alt=media&#x26;token=9168d917-bd02-4cd6-a7af-eb9896c7a5ef" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_minimog&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>

{% embed url="<https://youtu.be/zLNFI3C2l7w>" %}

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FKFyCTFIpkQJ6ZiKflvOC%2Fimage.png?alt=media&#x26;token=25aef29a-9bce-4fd2-9161-b393b376aa8c" alt=""><figcaption></figcaption></figure>

## Colors palette

Choose the suitable [HEX color](https://www.color-hex.com/) codes and add them to the provided box.

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FnegZTW7fif9vcCpwRd1T%2FScreen%20Shot%202021-10-25%20at%2022.30.16.png?alt=media\&token=b6d51c31-967d-4849-a2c9-b17b1546e084)

{% hint style="info" %}
:sparkles: Pro tips:

* Separate items with a comma.
* Write the variant name from the product option and its the color HEX value.
  {% endhint %}

## Custom images

Enter the **exact option value name** and upload the custom image.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FtQlyTEpMHVXWzRka5Ko7%2Fimage.png?alt=media&#x26;token=a9729e79-c800-4f20-828b-d52461cea932" alt=""><figcaption></figcaption></figure>

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FKFQsFOn7jgYviwqNK6hU%2F12333444.png?alt=media\&token=2d5e24bc-4cfc-4f6e-a2a4-e0927298f5cf)

{% hint style="info" %}
You can add up to **50** custom images.&#x20;

* Image type: PNG only
* Recommended size is 60x60.png
  {% endhint %}