> For the complete documentation index, see [llms.txt](https://docs.optis.me/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.optis.me/swatch/variant-display.md).

# Variant Display

- [Auto image swatch](https://docs.optis.me/swatch/variant-display/auto-image-swatch.md)
- [Custom swatch](https://docs.optis.me/swatch/variant-display/custom-swatch.md)
- [Swatch card](https://docs.optis.me/swatch/variant-display/swatch-card.md)
- [Pill swatch](https://docs.optis.me/swatch/variant-display/pill-swatch.md)
- [Button](https://docs.optis.me/swatch/variant-display/button.md)
- [Dropdown](https://docs.optis.me/swatch/variant-display/dropdown.md)
- [No show](https://docs.optis.me/swatch/variant-display/no-show.md)
- [Auto-assign swatch](https://docs.optis.me/swatch/variant-display/auto-assign-color-swatch.md)
- [Common questions](https://docs.optis.me/swatch/variant-display/common-questions.md)
- [Can I show swatch on collection page](https://docs.optis.me/swatch/variant-display/common-questions/can-i-show-swatch-on-collection-page.md)
- [Why doesn’t the product image change when I click a variant?](https://docs.optis.me/swatch/variant-display/common-questions/why-doesnt-the-product-image-change-when-i-click-a-variant.md)
- [Why does the cart add the default variant instead of the selected one?](https://docs.optis.me/swatch/variant-display/common-questions/why-does-the-cart-add-the-default-variant-instead-of-the-selected-one.md)
- [Why do I briefly see the initial variant before the swatches load?](https://docs.optis.me/swatch/variant-display/common-questions/why-do-i-briefly-see-the-initial-variant-before-the-swatches-load.md)
- [Can I style only some variants and keep others in the theme’s original style?](https://docs.optis.me/swatch/variant-display/common-questions/can-i-style-only-some-variants-and-keep-others-in-the-themes-original-style.md)