> For the complete documentation index, see [llms.txt](https://themessupport.gitbook.io/lollipop-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themessupport.gitbook.io/lollipop-theme/how-to-create/how-to-set-color-to-varaints.md). # How to set color to varaints Use this feature to display color swatches for product variants. By creating a **Color** option and connecting it to Shopify's color metafield, customers can visually select product colors instead of relying only on text labels.

Step	Action
1	Open the product where you want to set up color variants.
2	Scroll down to the Variants section.
3	In the Option name field, enter Color.
4	In the Option values field, enter the required color names, for example, Red, Blue, or Black.
5	Click Done.
6	Scroll up to the Category field and change Uncategorized to the appropriate product category, for example, Dresses. Skip this step if a category has already been assigned.
7	Scroll back to the Variants section and click the Connect metafield icon next to the Option name option.
8	In the popup that appears, select Color and click Done.
9	Click Save to apply the color swatches to the product variants.