Color Swatches Images
Add Color Swatch Images to Product Pages
Comstack Support
Last Update 4 месяца назад
![](https://tawk.link/634a547937898912e96ebcb9/kb/attachments/5TfX9nAR3C.png)
Match Swatch Image Fields to Variant Metafields
In the Supply Master App,
1. Go to Edit Supplier > Match Fields
2. Match the variant colors watch image field to a Shopify Variant Metafield
3. Name the field as custom.variantColorSwatchImage
4. Add a modification to this field https://www.ssactivewear.com/{{ variant.colorSwatchImage }}
During the next import process this meta field will be created and populated with swatch image URLs in the variant metafield section of your Shopify products.
![](https://tawk.link/634a547937898912e96ebcb9/kb/attachments/nD1genilCA.png)
Displaying Swatches on Product Page
To display swatches on your product page use Liquid code similar to the below.
This code may need to be modified to suit your theme.