WooCommerce - Change colours with icons?

I have various products that have different colours, how do I set up a colour chooser like the link below using WooCommerce?

https://www.houseology.com/anglepoise-type-75-mini-table-lamp

Any advice on how to make the product change colour by click on the colour palet to the right?

  • Adam Czajczyk

    Hello Charlie,

    I hope you're well today and thank you for your question!

    The reference site doesn't appear to be based on WordPress so it's hard to tell how they achieved that effect. However, I think the solution here would be product variations.

    The "color chooser" doesn't actually switch the product - it's the same product but in different version. Product variations are just about that. Here's more information on this in relation to WooCommerce:

    https://docs.woocommerce.com/document/variable-product/

    As for product changing color. On the site that you linked to the product itself doesn't change color and instead an image is swapped depending on a selected color. This can as well be setup with WooCommerce as each product variation can be assigned its own image. As a result, selecting variation would also replace the "featured image" providing similar result as on that page.

    Please take a look at the article i shared and I think it should help you.

    In case you had any further questions, let me know please and I'll be happy to assist.

    Best regards,
    Adam

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.