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 FREE Shopify Product Page Calendar Without App January 14, 2024 How to Add Shopify DAWN Theme Testimonials Slider August 24, 2023 Shopify PayPal Credit Debit Card Buttons | Boundless Theme | Smart Buttons Updated Code May 30, 2021