# Variant chips

{% hint style="danger" %} <mark style="color:red;">Theme retirement</mark> Ira is no longer available on the Shopify theme store. **Theme support and updates for current users will end after May 18, 2024**. [Learn more here](https://github.com/fluorescent/kb-ira/blob/main/product-pages/readme/theme-retirement.md).
{% endhint %}

On product pages, you can product variants as a row of clickable buttons or "Chips", which makes it easy to view them at a glance.

By default, product options for "Size" display as chips. You can display other product options as chips by adding their option name in the theme settings. You can also select a **Chip Style** to change their layout.

{% hint style="info" %}
You can also enable **Variant swatches** on product pages, which display product options as a row of buttons that visually represent your variants with custom colors. See the [Variant swatches guide](/ira/product-pages/variant-swatches.md).
{% endhint %}

## Enable chips for variant options

By default, variants with the option name "Size" will display as chips. You can add or remove chips by adding their option name in the theme settings.

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your theme editor (**Customize**):

1. Click **Theme settings**, then click **Product**.
2. Enter the exact product option name in the **Variant option for chips** field (e.g. "Size").

   > For **multiple product options**, enter all product option names, separated by commas (e.g. "Color, Material, Style").\
   > For **multiple languages**, enter the translated option name for each language, separated by commas (e.g. "Color, Couleur, Farbe").

   ![](/files/yrBFqNcXLtKFBGnrDI6y)
3. Click **Save**.

</details>

<br>

***

> **Related links**
>
> [Product pages](/ira/product-pages/product-template.md)\
> [Variant swatches](/ira/product-pages/variant-swatches.md)


---

# 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://help.fluorescent.co/ira/product-pages/variant-chips.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.