> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/cornerstone/product-pages/product-page-blocks/variant-selector.md).

# Variant selector

The **Variant selector** block displays available product options (e.g. Size or Material) with selectable variants. Click on the variant selector block to find options for:

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-type="content-ref"></th></tr></thead><tbody><tr><td><a href="/pages/icEbZO563kl4UGPTX0fD"><strong>Swatches</strong></a></td><td>Display variant options as visual buttons.</td><td><a href="/pages/icEbZO563kl4UGPTX0fD">/pages/icEbZO563kl4UGPTX0fD</a></td></tr><tr><td><a href="/pages/q9k1M30HenITCM5k7E0u"><strong>Chips</strong></a></td><td>Display variant options as buttons.</td><td><a href="/pages/q9k1M30HenITCM5k7E0u">/pages/q9k1M30HenITCM5k7E0u</a></td></tr><tr><td><a href="/pages/aQ9sXsgyW6pLVvodyafU"><strong>Information popup</strong></a></td><td>Add link that opens product details, like a size guide.</td><td><a href="/pages/aQ9sXsgyW6pLVvodyafU">/pages/aQ9sXsgyW6pLVvodyafU</a></td></tr><tr><td><a href="/pages/7X8sg3ySBWpau7aYFe7x"><strong>Sibling product swatches</strong></a></td><td>Display related products as variant swatches.</td><td><a href="/pages/7X8sg3ySBWpau7aYFe7x">/pages/7X8sg3ySBWpau7aYFe7x</a></td></tr></tbody></table>

{% hint style="success" %}
Product options and variants are a Shopify feature controlled in the admin. See [Shopify's Variants manual](https://help.shopify.com/en/manual/products/variants) to learn more.
{% endhint %}