WooCommerce product attributes are displayed with images

WooCommerce product attributes are displayed with images. For example, if the attribute color is red and purple, you need to use product images to represent the two colors. Click on red and the product image representing red will appear. Reference links and screenshots are provided below.
Please help, thank you. How to setting?

Reference link

https://www.oulaccosmetics.com/products/blush-mono

Attachments:

You must be logged in to view attached files.

Hello,

Please edit Product Attribute and enable Change product image on attribute click option https://prnt.sc/OFlxnJhoLRbm

Then, edit the terms of the attribute and upload Image Swatch.
https://prnt.sc/ryIZHQaYZSkQ.

Enable the Additional variations images option in Theme Settings > Shop > Variable products: https://take.ms/aRzS2 and upload appropriate images to the variations: https://take.ms/MiDHc Then the images will change by clicking on the swatches.

You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/

Best Regards.

Hi, I followed the tutorial you sent me, but it doesn’t work. Please help me log in to the backend and set up a product. Thank you

Product link:

https://www.sexpurple.com/product/rose-suction-clit-vibrator-toy

Attachments:

You must be logged in to view attached files.

Hi, I followed the tutorial you sent me, but it doesn’t work. Please help me log in to the backend and set up a product. Thank you

Product link:

https://www.sexpurple.com/product/rose-suction-clit-vibrator-toy

Hello,

I have checked your site and the images are changing fine.

See video for clarification:
https://uploadnow.io/f/qvhF1Tk

Best Regards.

Hi. You didn’t understand what I meant. I meant to change the attributes to the corresponding product images, not just the colors.
Please check the link I sent and open it. Thank you.
I want to achieve the product attribute effect of a website like this

https://www.oulaccosmetics.com/products/blush-mono

Attachments:

You must be logged in to view attached files.

Hi. You didn’t understand what I meant. I meant to change the attributes to the corresponding product images, not just the colors.
Please check the link I sent and open it. Thank you.
I want to achieve the product attribute effect of a website like this

https://www.oulaccosmetics.com/products/blush-mono

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Products > Attributes > Configure term value > Edit any value and clear the color swatch and enable the option Image Swatch.

Screenshot for clarification:
https://ibb.co/9V7PtSD

Best Regards.

Hi, this setting is wrong. If two different products both have purple, you can set a purple product image in the attribute as you said.

This is wrong. If two different products have the common attribute of purple, purple should correspond to different product images. Do you understand?

Can you go into the backend and help me set up a product image?
Thank you.

Hello,

It works only in such a way. You need to find a third-party plugin to achieve more functionality that best suits you.

Best Regards.

I don’t know if your team can develop such a function. Such a function is very helpful for attribute image changes.
Another function is that we can customize each product tab.
These functions can be used as the next theme update.

[Author]

Posts