Return to previous page

Change product image by selecting only one attribute in woocommerce variable products

This topic has 17 replies, 2 voices, and was last updated 1 months, 4 weeks ago ago by Andrew Mitchell

carliczyk

Participant

October 4, 2024 at 18:35

Hello, it appears there was a solution in this thread for switching the variation image when only the colour is selected, not both colour and size?

https://www.8theme.com/topic/change-product-image-by-selecting-only-one-attribute-in-woocommerce-variable-products/

Could you please share that solution? I have the same issue.

Thank you

#417248 Copied Theme version: 9.4.2

16 Answers

Andrew Mitchell

Support staff

October 5, 2024 at 11:36

Hello, carliczyk,

Thank you for reaching out to us. Firstly, we would kindly request that you make corrections to the following overridden templates:

– xstore-child/header.php
– xstore-child/woocommerce/product-added-to-cart.php

We appreciate your attention to this matter and look forward to your prompt action.

Best Regards,
The 8Theme Team

Files is visible for topic creator and
support staff only.

#417315 Copied

carliczyk

Participant

October 7, 2024 at 19:26

Hello, the templates have been updated now.

Thanks for your help

#417656 Copied

Andrew Mitchell

Support staff

October 8, 2024 at 13:12

Hello, carliczyk,

I hope this message finds you well. We would like to inquire whether the issue with the attributes has been resolved following the recent template update.

Thank you for your attention to this matter.

Best Regards,
8Theme’s Team

#417801 Copied

carliczyk

Participant

October 8, 2024 at 22:01

No it did not.

Please take a look at the product provided in the private area, you can see that when you switch between the 2 colour swatches, the variation image does not switch unless the size variation is selected.

Thanks

Please contact administrator
for this information.

#417859 Copied

Andrew Mitchell

Support staff

October 9, 2024 at 10:10

Hello, carliczyk,

Thank you for bringing this matter to our attention.

We would like to inform you that the swatches currently displayed on the single product pages are not our custom swatches but are generated by the “Variation Swatches for WooCommerce” plugin. This plugin overrides our settings and does not apply any configurations we have set for our swatches.

To address this issue, you have two options:
1. Enable the “Single Variation Image Preview” option within the plugin settings.
2. Switch to our custom swatches by configuring them appropriately. For guidance on how to do this, please refer to the following tutorial: https://www.8theme.com/documentation/xstore/video-tutotials/variation-swatches/

For your convenience, we have attached detailed files that should assist you in making these adjustments.

Best Regards,

The 8Theme Team

Files is visible for topic creator and
support staff only.

#417941 Copied

carliczyk

Participant

October 9, 2024 at 21:48

Thank you for your help!

Is there a way to have the colour of the swatch display on top of the swatch once its clicked using xstores swatches? How its currently set up in this video in the private area?

Thank you

Please contact administrator
for this information.

#418052 Copied

Andrew Mitchell

Support staff

October 11, 2024 at 15:49

Hello, carliczyk,

Yes, it is possible. You can view the devices at the following links:
https://xstore.8theme.com/elementor3/electronic-mega-market/product/iphone-14/
https://xstore.8theme.com/elementor3/electronic-mega-market/product/homepod/

Best regards,
8Theme Team

#418331 Copied

carliczyk

Participant

October 16, 2024 at 02:52

1) I have switched over to xstores swatches for the color selection, but the product variation image is still not switching unless the size attribute is selected

2) How do I add the colour ontop of the swatches shown in the demos you previously provided?

Thanks for your help

Please contact administrator
for this information.

#418834 Copied

Andrew Mitchell

Support staff

October 17, 2024 at 14:04

Hello, carliczyk,

As far as we can see, the color on top of the swatches appears to be correct. Regarding the cartridge replacement, please update the FTP access, as the credentials you previously provided are no longer working.

Best regards,
8Theme Team

#419196 Copied

carliczyk

Participant

October 17, 2024 at 17:04

Thanks, yes I figured out the issue for colour name on top.

FTP access in the private area.

Thanks

Please contact administrator
for this information.

#419235 Copied

carliczyk

Participant

October 21, 2024 at 22:53

Hello, were you able to find a solution as to why this is not working?

Thank you

#419820 Copied

Andrew Mitchell

Support staff

October 22, 2024 at 12:26

Hello, carliczyk,

We have made some changes, and kindly ask you to review them.

The following file has been modified:
public_html/wp-content/plugins/et-core-plugin/packages/st-woo-swatches/public/js/frontend.min.js

Additionally, these changes will be included in the next update.

Best regards,
8Theme Team

#419949 Copied

carliczyk

Participant

October 23, 2024 at 03:18

Unfortunately, that doesn’t seem to have solved the problem.

I’m still not able to switch the variation image without selecting a size for the product.

Video in private area

Please contact administrator
for this information.

#420044 Copied

Andrew Mitchell

Support staff

October 23, 2024 at 13:00

Hello, carliczyk,

The issue was caused by the absence of a designated primary attribute in the following path: Customizer -> WooCommerce (Shop) -> Shop Elements -> Variation Swatches -> Primary Attribute.

As far as we recall, the attribute “test_color” was previously assigned (which has now been deleted). Therefore, it is necessary to reassign the primary attribute to an existing one (we have set it to “metal” for now).

Please find further details in the attached files.

Best regards,
8Theme Team

Files is visible for topic creator and
support staff only.

#420148 Copied

carliczyk

Participant

October 23, 2024 at 15:17

Thank you so much! It works now

#420180 Copied

Andrew Mitchell

Support staff

October 23, 2024 at 15:17

Dear carliczyk,

In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

Click here to share your thoughts: https://themeforest.net/downloads

Being part of our community means a lot, and your feedback contributes immensely.

Best Regards,
The 8Theme Team

#420181 Copied
Tagged: attribute-based product image change, change product image, customize woocommerce product image, enhance woocommerce variable products, select attribute woocommerce, woocommerce variable products, wordpress woocommerce templates
Viewing 17 results - 1 through 17 (of 17 total)

The issue related to '‘Change product image by selecting only one attribute in woocommerce variable products’' has been successfully resolved, and the topic is now closed for further responses

Change product image by selecting only one attribute in woocommerce variable products

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection