Creating clickable colour swatch which links to new URL

[kpatrick93]

For example - https://www.nicceclothing.com/products/nicce-fino-jacket-orange

Each variation in the colour menu is its own link that redirects the user to the URL of that product colour. The selected colour is also displayed at the top of the menu.

I have tried to look at the source code but I just don’t understand how I am meant to implement it or create something similar for my wordpress site.

[friech]

Hi Kevin,

Thank you for writing in, are you using WooCommerce? Please create a Variable Product, follow the link below for more details.

Variable Product - WooCommerce Docs

Hope it helps,
Cheers!

[kpatrick93]

Hi

Yes I am using woocommerce. I want to add a colour swatch instead of a dropdown and when someone clicks a particular colour swatch I want it to take them to the URL of the product.

My website is https://feedapparel.com. You can look at any product to get an idea of what I am looking to achieve.

Does this make sense?

Thanks

[rad]

Hi Kevin,

It seems to be Woocommerce development related, for that I recommend contacting a developer or you could use 3rd party plugin, example https://wordpress.org/plugins/woo-variation-swatches/

You may contact the plugin author too.

Thanks!