Return to previous page

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

This topic has 19 replies, 2 voices, and was last updated 5 months ago ago by Rose Tyler

Link&Grow

Participant

November 7, 2023 at 20:38

I have variable products set up with color and size attributes, for example, a product might have 2 variations; Green/Any Size and Grey/Any Size.

There is an image of the product in the corresponding color for each variation, but at the moment the image doesn’t switch unless a color AND size is selected (I’m aware this is how Wocommerce works).
I have to change the attributes every time i want to switch the images.
See the video:
https://streamable.com/ulxlic

I duplicated the website to a staging environment and i install the plugin “Variation Swatches for WooCommerce” and deactivate the “variations swatches” on the theme, and the behavior was better but didn’t do what i needed. With this plugin the images didn’t switch when i don’t have a size selected, but when the size is selecetd i don’t need to select it again for the images to change.
See here:
https://streamable.com/ux9xu2

I would like to make it so that the image switches when JUST a color is selected. Can you tell me how to do it, and if it is possible without need to install other plugin?

Thank you so much.

#372913 Copied Theme version: 9.2.3 WooCommerce version: 7.6.0

18 Answers

Rose Tyler

Support staff

November 8, 2023 at 10:04

Hello, Link&Grow,

Thank you for contacting us and for using XStore.

You do not need to use an additional plugin, just select “Primary Attribute” in Theme Options > WooCommerce > Shop elements > Variation Swatches.

We hope this information is helpful.

Kind Regards,
8theme team

#372983 Copied

Link&Grow

Participant

November 8, 2023 at 17:53

Hi,

Thank you for your quick answer.
I already have the primary attribute selected on theme options -> variation swatches.
See image here:
https://prnt.sc/itGz2TWo7zCi

Do you want me to send access to the website?

Thank you so much.

#373069 Copied

Rose Tyler

Support staff

November 8, 2023 at 19:36

Hello, Link&Grow,

We appreciate your prompt response.

Please provide temporary wp-admin access, so we can check your settings.

To provide wp-admin access, you can create a new user account with administrator role via the Dashboard, and provide us with the username and password via the Private Content area.

Kind Regards,
8theme team

#373083 Copied

Link&Grow

Participant

November 8, 2023 at 21:24

Hi,

On the private content you have the login details for the production site that is in development.

Thank you 🙂

Please contact administrator
for this information.

#373089 Copied

Rose Tyler

Support staff

November 9, 2023 at 08:05

Hello, Link&Grow,

We appreciate your prompt response.

Private Content

Kind Regards,
8theme team

Please contact administrator
for this information.

#373110 Copied

Link&Grow

Participant

November 10, 2023 at 16:37

Hi,

Those two products are the ones that only have the color variation, on that products everything is good.

The reason I opened this ticket, as I said in the first message, on products that have more than one variation (color and size) the image only changes when both variations are selected. There is a product image in the corresponding color for each variation, but currently the image does not change unless a color AND size are selected.

I would like to make it so that the image switches when JUST a color is selected.

Please try other product that have two variations, for example:
https://vsportswear.pt/produto/calcao-ecoflex/

Thank you so much.
Best regards

#373388 Copied

Rose Tyler

Support staff

November 10, 2023 at 17:02

Hello, Link&Grow,

Thank you for the URL of the product.
Please provide FTP access, I will ask our dev team to check more deeply what can be done to help you.
To create FTP access (FTP host, FTP username, FTP password, FTP port, FTP encryption) , please contact your hosting provider for assistance.

As a temporary solution, you can select the default value here for size – https://prnt.sc/O3YjrGm3EoUw

Kind Regards,
8theme team

#373393 Copied

Link&Grow

Participant

November 12, 2023 at 03:06

Hi,

Thank you for your reply.

I send the FTP access on private content area.

Thank you,
Best regards

Please contact administrator
for this information.

#373471 Copied

Rose Tyler

Support staff

November 12, 2023 at 09:05

Hello, Link&Grow,

We wish to inform you that your inquiry will be forwarded to another specialist for a more detailed review. We anticipate getting back to you after a while. We apologize for the delay due to the weekend, and our developers are currently handling a high volume of requests.

We kindly request your patience during this time and advise against changing your access.

Kind Regards,
8theme team

#373480 Copied

Link&Grow

Participant

November 14, 2023 at 12:02

Hi,

Ok, thank you for your time.
i will be waiting for a reply 🙂

Best regards

#373723 Copied

Rose Tyler

Support staff

November 18, 2023 at 16:02

Hello, Link&Grow,

We hope this message finds you well.

We’ve tested at my localhost and we can’t replicate this issue on our end. Upon checking your website, we wanted to bring to your attention the critical importance of keeping your website’s WordPress core and plugins up-to-date for optimal performance, security, and overall user experience.

As technology evolves, so do potential vulnerabilities. Regular updates are vital to address these vulnerabilities, ensuring that your website remains secure and protected against potential threats. Additionally, updates often come with new features, improvements, and bug fixes, contributing to the overall stability of your site.

Here’s a quick guide to help you with the updates:

WordPress Core:

1. Log in to your WordPress Dashboard.
2. Navigate to the Dashboard > Updates.
3. Click on the ‘Update Now’ button.

Plugins:

1. Go to Plugins > Installed Plugins.
2. Check the ‘Update Available’ column for any plugins with available updates.
3. Click on ‘Update Now’ next to each plugin that requires updating.
4. XStore > Plugins Installer > update plugins that come bundled with the theme – https://xstore.helpscoutdocs.com/article/37-plugins-update

In case you encounter any challenges during the update process or if you’re unsure about any steps, please don’t hesitate to reach out. We are here to assist you and ensure a seamless update for your website.

Let us know after the update if the issue still persists.

Kind Regards,
8theme team

#374100 Copied

Link&Grow

Participant

November 27, 2023 at 22:03

Hello,
I updated all plugins and theme. I cannot update WordPress to the latest version because the plugin that manages payment methods has not been tested in the new version.

This way I still have the same error.
However, I created a copy of the website so as not to compromise the production website, and I updated everything including WordPress.

And the behavior is the same, I need to have a size and color selected for the image to change, check here in this product:
https://vbora.linkandgrow.app/produto/calcao-ecoflex/

So with everything updated as requested, it didn’t solve the problem.

Do you have a demo that shows the intended behavior working?

Thank you,
Best regards

#374967 Copied

Rose Tyler

Support staff

November 28, 2023 at 14:01

Hello, Link&Grow,

Please provide wp-admin and FTP access to the https://vbora.linkandgrow.app/produto/calcao-ecoflex/, so we can do tests there.

Kind Regards,
8theme team

#375047 Copied

Link&Grow

Participant

November 29, 2023 at 16:44

Hi,

Thank you for your support.
I sent you the information you asked on private content.

In this website you can change whatever you need, its a test site.

Thank you,

Best regards

Please contact administrator
for this information.

#375198 Copied

Rose Tyler

Support staff

November 30, 2023 at 15:39

Hello, Link&Grow,

Fixed. Please check now, the link in the Private Content area.

Thank you,
Best regards

Please contact administrator
for this information.

#375306 Copied

Link&Grow

Participant

December 5, 2023 at 13:44

Hi,

Thank you for your support.
I copied the file you changed to the production website and i confirm it’s working properly.

This is something you will implement in future updates?

Thank you once again,
Best regards

#375758 Copied

Link&Grow

Participant

December 5, 2023 at 13:53

Hello,

I have an update, I confirm that the main image changes just by selecting the color attribute. But I noticed that the gallery does not appear, to appear the gallery you need to select a color.

For example in this product:
https://vsportswear.pt/produto/tshirt-master/

When selecting a color without selecting a size, we see that the color changes:
https://prnt.sc/oEK_LediZAMK

But if we select a size, the remaining images of that color appear:
https://prnt.sc/owt0AjdBDM9X

Is it not possible when changing the color to display all images of that color?

Best regards

#375762 Copied

Rose Tyler

Support staff

December 6, 2023 at 14:04

Hello, Link&Grow,

You’re welcome!

“This is something you will implement in future updates?” – yes.

“I have an update, I confirm that the main image changes just by selecting the color attribute. But I noticed that the gallery does not appear, to appear the gallery you need to select a color.” – yes, this functionality did never persisted, so it is not a bug but a request for improvement.
“Is it not possible when changing the color to display all images of that color?” – the functionality you are inquiring about is currently unavailable and cannot be implemented swiftly. We kindly ask that you forward your request to our development team by submitting it on our task board at the following link: https://www.8theme.com/taskboard/

Thank you for your cooperation and understanding.

Kind Regards,
8theme team

#375905 Copied
Tagged: best selling themes, change product image, select attribute, variable products, woocommerce customization, woocommerce themes
Viewing 19 results - 1 through 19 (of 19 total)