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 Custom Shopify Thank You Page? August 23, 2023 How to Make Buttons to Smart Button in Shopify ? Shows Colourful Bubbles on Hover. September 4, 2021 How to add Video Slider in Shopify without App May 18, 2024