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 Dawn Theme – How To Remove Logo Only From Homepage? March 10, 2022 Shopify PayPal Credit Debit Card Buttons | Express Theme | Smart Buttons Updated Code May 31, 2021 How To Add Before And After Slider Section in Shopify? September 7, 2024