Show Variants as Swatches on all Pages

Displaying your variant images on the product information section of the page is a great way to increase your store conversion rate as it helps showcase all the available variants of the product to the customer. In this video, you can learn how to change the default Dawn swatches to show the variant images.

Video on how to show the variant images as swatches

The codes changed in the main-product.liquid file

The CSS codes

Let me know if there is anything I can help you with!