> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/minimog-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/minimog-theme/theme-settings/product-options-swatches.md).

# Product options swatches

<figure><img src="/files/SX65AqudlKxDPLIUfi25" 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="/files/tJct2YVrq7NuFmgXVry1" alt=""><figcaption></figcaption></figure>

## Colors palette

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

<img src="/files/NCvZLiRxJhiScix0DmAk" alt="" width="375">

{% 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="/files/2zSbMTWnqRAAvbL9XadQ" alt=""><figcaption></figcaption></figure>

![](/files/Gb1sFsNfC83xAqUw1i3V)

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

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