Issue with Product Swatch

Hi,
I want product swatch with the images of products. Is it possible to add it. I see your tutorial but anyone your tutorial doesn’t help me. I also shown swatch like when customer swatch the color of image so product is also changed. I attatched image below. You can understand better what am I saying?

Attachments:

You must be logged in to view attached files.

I am disappointed by you. You are answering of all customers but you doesn’t respond me

Hi syedu2524,

Thanks for reaching to us.

First of all, take my apologies for the delay in answering.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

HI,
I am very upset by your response rate. I messaged you and I got a response after one day. You asked me for my website access and I provided to that email but I have not received any response from you.
My issue was Liked product variation I want to show my product into variation when the customer clicks on an attribute so it will go at that product.

Hi syedu2524,

Sorry for your inconveniences.

I did not receive email about admin credentials, please send it directly here to Private Content Area, I will take a look at your issue.

Thanks for your patience.

Regards,

I am so upset by your customer support. I send you wordpress access but you doesn’t response me yet now. My problem is product variation ad you show in the tutorial when i create variation so i create variation as youd escribe but these variation isn’t work on it.

Hi syedu2524,

Sorry for your inconveniences.

As I replied to previous replies, I did not receive your email for wp-admin credentials. Please provide it directly here into Private Content area, then I can check your issue more deeply.

Thanks for your patience.

Regards,

I have attached the access for you again please check it. and resolved my issue.

Hi syedu2524,

Thanks for details.

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

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

and check again.

Regards,

Dear Hung Pham,

Thank you for your previous assistance. I’m writing to follow up on my interest in implementing interactive product swatches with image selection on our product pages.

In my previous message, I may not have been entirely clear. I’m looking for functionality where clicking on a product swatch image (such as a color swatch) achieves two goals:

Dynamic Image Update: The main product image on the page should automatically update to display the product in the selected color.
Pre-selected Variation: Clicking the swatch should also pre-select the corresponding variation, including the chosen color and the desired RAM configuration.
I would appreciate it if you could confirm whether this functionality is achievable using our current e-commerce platform or through the use of third-party apps.

If this functionality is available, I would be grateful if you could provide some additional information, such as:

Specific steps for implementation (if using our platform)
Recommendations for relevant third-party apps (if applicable)

Thank you for your time and continued assistance. I look forward to your response.

Sincerely,

Usman Shah

https://prnt.sc/BHLR8Ex_EVfB

Hi syedu2524,

1. Dynamic Image Update: The main product image on the page should automatically update to display the product in the selected color.

Yes, I answered before. Please read again

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

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

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

2. Pre-selected Variation

To set default attributes manually, first, in the WooCommerce dashboard go to Products and then click on your variable product.

Then, select Variable product from the Product data dropdown.

After that, under Variations, you have to select the Default Form Values. Those are the attributes that will be selected by default for that product https://ibb.co/8z2SQVz

Regards,

Hi Hung Pham,
send me in video link, I can’t understand what are you saying and how to enable it?

Hi syedu2524,

First of all, I’m really sorry have taken long time to reply you due to the weekend.

Please see recorded videos below for better understanding:

https://go.screenpal.com/watch/cZhhf4VMH1g

Regards,

Hello Hung Pham,

I’m writing to follow up on my previous inquiry regarding product swatch functionality.

Desired Functionality:

I aim to create a user experience where clicking on a product attribute (e.g., color, size) within the product listing page transitions the user to a specific image showcasing that attribute’s swatch. Ideally, these swatches would be separate product variations, not entirely new products.

Previous Communication:

I understand there might have been some confusion regarding my initial request. I apologize if the provided image wasn’t clear enough.

Request for Assistance:

I would greatly appreciate it if you could clarify the following:

Does the theme offer built-in functionality to achieve the desired product swatch behavior?
If not, could you suggest potential workarounds or alternative approaches using the theme’s features?
If necessary, are there any custom code modifications that might be required to implement this specific functionality?

Please see the video link which I attached at the bottom you can better understand what I am saying.

Sincerely,

Usman Shah

https://go.screenpal.com/u/AJwC/Sample

Hi syedu2524,

Thanks for sharing details and video.

I aim to create a user experience where clicking on a product attribute (e.g., color, size) within the product listing page transitions the user to a specific image showcasing that attribute’s swatch. Ideally, these swatches would be separate product variations, not entirely new products.

According to your explanation, WoodMart has an option called Linked variations, but when you are going to use it then attribute will show itself as a Single Product in Product grid / listing page without showing as selectable attributes. You can read more here https://xtemos.com/docs-topic/linked-variations/

Regards,

Dear Hung Pham,

I am following up on our previous conversation regarding adding product variations to my theme. I implemented the field you suggested, but unfortunately, the product variations are still not displaying.

To help diagnose the issue further, I would be grateful if you could:

Review my theme directly: If you’re available, could you please check the theme on your end to see if the field for product variations has been implemented correctly?
Confirmation or Video Tutorial: If the field is indeed added, please confirm this or provide a short video tutorial demonstrating how you set it up within my theme. This would be incredibly helpful for troubleshooting on my end.
Thank you for your continued assistance. I look forward to your response and resolving this issue.

Regards,

Syed Usman

Hi syedu2524,

To assist you in the best possible manner, I kindly ask that you please provide me screenshots that illustrate the problem to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

Hi Hung,

I’m emailing you about some trouble configuring. I’ve attached a screenshot to help you understand the issue better.

Could you provide a video walkthrough of the correct configuration process? I may have made a mistake somewhere, and seeing the steps visually would be very helpful.

Please let me know if you have any questions or need more information.

Thanks in advance for your help!

Regards,
Syed Usman

https://prnt.sc/KTZ5blJ61qf-
https://prnt.sc/KTZ5blJ61qf-
https://prnt.sc/8s1wZkxZnfZH
https://prnt.sc/i_2Rd1Ytrzaj

Hi syedu2524,

Thanks for screenshots.

1. You need to edit terms and set Colors to swatches https://prnt.sc/dWgDEe-F_OMc

You can refer to the article for more details https://xtemos.com/docs-topic/variable-products-and-swatches/

2. You are also using Custom Single Product layout, which is built with WoodMart WooCommerce builder. Navigate to Layouts > Layout to edit Single product layout and add Linked variations widget https://ibb.co/b5StvLc

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Regards,

Hello Hung,

Can you please share with me video for better understanding! for each setting which you convey me for products.

Hi syedu2524,

First of all, I’m really sorry have taken long time to reply you due to the weekend.

I helped you to switch to Color swatch and today I saw you changed Color attribute to images. it seems you figured out how to work with terms, please let me know if you need further helps.

Regards,

[Author]

Posts