# Variants and Swatches

The variants and swatches are managed from `Theme settings > Variants and Swatches`.

### Swatches option name

In this field, you can specify which option should show as swatches.\
Usually, this is `Color` but you can specify any other option as needed.

### Hex Codes

In this field, you need to specify which variant title what color is representing.

The variant title should be the same as listed in the field.\
For example, if you have a color variant called `Dark blue`, then you should use the same name here.

The structure for the swatches is as follows:

`[VARIANT_TITLE]|[COLOR_CODE]`

Example: `Blue|#446acc`

If you need to use an image for the swatch, you can do so by uploading the image in the files of the store - `Settings > Files`. Then instead of the HEX code of the color place the file name.

Example: `Silver|c-swatch.png`

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

### Size option name

In this field you can specify next to which variant title should the `Size guide` link show.


---

# 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://bigstart.gitbook.io/amber-documentation/global-settings/variants-and-swatches.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.