How To Create Color Swatches for Product Variants in Shopify (Dawn Theme) Post author:administrator Post published:September 26, 2021 Post category:Shopify Copy Below Code and replace with Line: 202, 203, 204 of Sections/main-product.liquid {% if product.variants[forloop.index0].metafields.color.values and option.name == 'Color' %} <label for="{{ section.id }}-{{ option.name }}-{{ forloop.index0 }}" style="background-color: {{product.variants[forloop.index0].metafields.color.values}}"> </label> {% else %} <label for="{{ section.id }}-{{ option.name }}-{{ forloop.index0 }}"> {{ value }} </label> {% endif %} Hire Me Try Shopify free for 14 days Start free trial Tags: color swatches, dawn theme, shopify Read more articles Previous PostHow to Make Buttons to Smart Button in Shopify ? Shows Colourful Bubbles on Hover. Next PostHow To Create FAQs Page for Shopify Theme Dawn | Creating Accordions in Shopify Theme Development You Might Also Like How to add Collection in circular carousel slider Shopify October 10, 2024 How to add Video Slider in Shopify without App May 18, 2024 How to add Sticky Add to Cart button on Shopify DAWN Theme V15 Without App July 14, 2024