> For the complete documentation index, see [llms.txt](https://elessi-docs.nasatheme.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://elessi-docs.nasatheme.com/single-product/product-type/variation-swatches-styles/style-5.md).

# Style 5

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2Fe3PK3uOdpME8rTNtmapD%2Fimage.png?alt=media\&token=87a16310-9d3e-4d41-937c-512eaf17fb79)

{% embed url="<https://elessi.nasatheme.com/product/iphone-xs-max-silicone-case/>" %}

Simply, to set up go to **Appearance → Theme Options → Variation Swatches**

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2Fu8CjmaWT4XEOtYx2DnoF%2FElessi%20Theme%20%E2%80%B9%20Elessi%20%E2%80%94%20WordPress%202022-03-18%2010-29-14.jpg?alt=media\&token=9a7a6d1a-8aa3-4324-bd87-0b784ab4dc01)