1. Turn off “Show second image on hover” in the theme editor Create a new snippet file card-variant-swatch-custom.liquid Copy Code {% comment %} Description: Renders product variant swatch options for collection page based on image URLs. Defau...
![[Trigger css animation ] using intersection observer api ?](https://cdn.hashnode.com/res/hashnode/image/upload/v1697097749550/d78bd676-dddf-490a-8d32-a17287a120a0.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[Color swatches Image ]- How to make a color swatches images on PDP page ?](https://cdn.hashnode.com/res/hashnode/image/upload/v1694434371994/40e13c59-6bee-450d-a646-0c7d1469c412.webp?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[ Variant Image Thumbnail ]- How to display specific variant color thumbnail on product page ?](https://cdn.hashnode.com/res/hashnode/image/upload/v1694428488588/20467836-16b4-403f-b95b-55fef8b15528.webp?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
