How to Change Dropdown to Button Swatches for Customise Variable Product

How to Change Dropdown to Button Swatches for WooCommerce Customise Variable Product

Each product has multiple SKUs, I want to customize attributes and variables for each product and set it on each product page, instead of generic attributes, the variations can be displayed as a button swatch instead of a drop-down display, how to do it?

Hello,

In order to activate the swatches, please navigate to Products -> Attributes -> Configure term -> for each attribute item set color or image or text swatch: https://take.ms/xpGx4 , so then the swatches buttons will be activated.

I’d be happy to assist if you have any other questions or concerns.

Kind Regards

I tried your suggestion for “for each attribute item set color or image or text swatch”
But this didn’t change it to radio button list with images.

Images from variation is set correctly but we can’t set in the attributes as each variation will have different images. I attached a screenshot from what we need. can you help?

Attachments:

You must be logged in to view attached files.

Hello,

Is there any chance that you could give me access to the dashboard area so I can have a look at the settings on your website, please?

Kind Regards

sent in private

Hello,

The theme by default doesn’t have such a design with radio buttons – https://take.ms/YFM15, if you do not mind, may I disable 3rd party plugins and test how the default functionality of swatches with images works on your side?

I look forward to hearing back from you!

Kind Regards

Hi

Yes sure feel free to do that

Thank you

Hello,

After disabling the “WPC Variations Radio Buttons for WooCommerce (Premium)” plugin, it started to show the swatches design from the theme: https://take.ms/EfQve

Also, you can change the swatch design in the settings of the attribute – https://take.ms/8ENg5, https://take.ms/BoXuc

Let me know if you have some questions.

Kind Regards

[Author]

Posts