> 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="/cornerstone/product-pages/variant-options/variant-swatches.md"><strong>Swatches</strong></a></td><td>Display variant options as visual buttons.</td><td><a href="/cornerstone/product-pages/variant-options/variant-swatches.md">Swatches</a></td></tr><tr><td><a href="/cornerstone/product-pages/variant-options/variant-chips.md"><strong>Chips</strong></a></td><td>Display variant options as buttons.</td><td><a href="/cornerstone/product-pages/variant-options/variant-chips.md">Chips</a></td></tr><tr><td><a href="/cornerstone/product-pages/product-page-blocks/information-popup.md"><strong>Information popup</strong></a></td><td>Add link that opens product details, like a size guide.</td><td><a href="/cornerstone/product-pages/product-page-blocks/information-popup.md">Information popup</a></td></tr><tr><td><a href="/cornerstone/product-pages/variant-options/sibling-product-swatches.md"><strong>Sibling product swatches</strong></a></td><td>Display related products as variant swatches.</td><td><a href="/cornerstone/product-pages/variant-options/sibling-product-swatches.md">Sibling product swatches</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 %}