How to Fix Your Shopify Color Picker Not Switching Images - Taste Theme

So, I ran into this today on one of my product pages — clicking the color buttons did absolutely nothing. No image switch, no variant update, just sitting there looking broken.

Turns out it was two things.

First, the data-product-url on the radio inputs was empty. Easy fix — open your product-variant-options.liquid snippet and find this line:

Change it to:

data-product-url="{{ value.product_url | default: product.url }}"

Second — and this is the one that'll get you — your variant images probably aren't assigned. Go to your product in Shopify admin, scroll to variants, click edit on each one and assign the right image. That's it.

Once both are done your color picker will switch images like it's supposed to.

Took me way longer than it should have to figure this out so hopefully this saves you some time. 🎣