> For the complete documentation index, see [llms.txt](https://docs.yaycommerce.com/yayswatches/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.yaycommerce.com/yayswatches/how-it-works/variant-option-settings.md).

# Variant Option Settings

This is the next step and first of the setting options available in the YaySwatches plugin. All the available product attributes you've added to the website are shown on the left side while the right side shows the configuration types.

This section allows you to choose the style you want to display for variant options like **color swatch, image swatch, button,** and **dropdown**.

In the example screenshot below, for our **Color attribute,** we have chosen to use the **Color or Custom Image Swatch** style, here we can configure double color, single color or select images for the attribute variations.

We also checked the box to allow us to display the swatches on the **Shop / Categories page** of the website.

![](/files/TtayvUQQwQzTZ5tiEpTU)

Here, in the below screenshot, we also configure the **Size attribute** and then set the **variants** to display in **button style:**

![](/files/gXxUN2YQVFlJn3eWFxMr)

**Here is what the configuration above looks like in the frontend:**

![](/files/WqJxkcWkYP9UwFWDpGbc)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.yaycommerce.com/yayswatches/how-it-works/variant-option-settings.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.