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 Autoplay Video and Text Section in Shopify DAWN Theme 2024 | Without App July 2, 2024 Free Shopify Images Marquee Section | Slide Brand Logos Add Anywhere May 10, 2024 How To Add Back To Top Button to Scroll From Bottom On Shopify October 18, 2021