How To Create Color Swatches for Product Variants in Shopify (Dawn Theme) 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 Create a Product Image Slider on Dawn Theme February 20, 2022 How To Create Sales Popup Notifications of Products in Shopify (Without Shopify Apps) October 8, 2021 Custom HTML For Embed Video Autoplay Loop on Homepage July 9, 2023
How To Create Sales Popup Notifications of Products in Shopify (Without Shopify Apps) October 8, 2021