Change variant when clicking on an image instead of dropdown

Tourist
18 0 1

Hi,

I'd like to change the way people would select the variant on a product page.
Instead of the regular dropdown list, I'd like customers to click on a image that would represent the variant.

Example here: https://www.harrys.com/products/the-truman-set?nm=splash&ca=hero&cl=1

Is there a plugin to do that? Otherwise how can I do this in the product.liquid file?

Thanks,

Vincent

0 Likes
Shopify Staff
Shopify Staff
5826 0 265

Hi Vincent,

There is that tutorial that can help you: Color Swatches.

Caroline from http://11heavens.com ∴ mllegeorgesand AT gmail DOT com
0 Likes
Shopify Staff
Shopify Staff
5826 0 265

PS. You can make the color swatch round with CSS, using http://davidwalsh.name/css-circles

Caroline from http://11heavens.com ∴ mllegeorgesand AT gmail DOT com
0 Likes
Tourist
18 0 1

Thanks Caroline, I'll have a look!

0 Likes