WooCommerce product attributes are displayed with images

This topic has 11 replies, 2 voices, and was last updated 5 months, 2 weeks ago by Aizaz Imtiaz Awan.

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
June 26, 2024 at 11:27 am #575587

Lucky liang
Participant

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.

June 26, 2024 at 3:20 pm #575677

Aizaz Imtiaz Awan
Keymaster

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.

June 26, 2024 at 5:08 pm #575711

Lucky liang
Participant

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.

June 27, 2024 at 4:16 am #575771

Lucky liang
Participant

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

June 27, 2024 at 11:20 am #575863

Aizaz Imtiaz Awan
Keymaster

Hello,

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

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

Best Regards.

June 27, 2024 at 11:24 am #575869

Lucky liang
Participant

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.

June 27, 2024 at 11:47 am #575879

Lucky liang
Participant

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.

June 27, 2024 at 2:08 pm #575926

Aizaz Imtiaz Awan
Keymaster

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.

June 28, 2024 at 12:31 pm #576181

Lucky liang
Participant

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.

June 28, 2024 at 3:11 pm #576236

Aizaz Imtiaz Awan
Keymaster

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.

June 29, 2024 at 6:34 am #576348

Lucky liang
Participant

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.

June 29, 2024 at 10:00 am #576373

Aizaz Imtiaz Awan
Keymaster

Hello,

For the betterment of the Theme you can post your suggestions/requests related to Theme on the following Feature Request thread:
https://xtemos.com/forums/topic/features-requests-2/

So, if the Development Department finds it fits with the Theme environment then surely they will look through it.

Thanks for your understanding.
Best Regards.
Author

Posts