# 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: 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://docs.yaycommerce.com/yayswatches/how-it-works/variant-option-settings.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.