fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Variation options are not showing on Product Page / Pictures not showing on every attribute

Albert Moritz

Hello,

I have 2 problems with my shop https://hometrends.shop/shop

  1. Variation options are not showing on Product Page (Screenshots)
    1. Screenshot 2021-10-06 at 12.55.27.png
    2. Screenshot 2021-10-06 at 12.56.12.png
  2. Not every variation on the product single page is showing the picture, just one. Even every variation has a picture, as shown in the screenshot.
  3. Screenshot 2021-10-06 at 13.09.35.pngScreenshot 2021-10-06 at 13.09.30.pngScreenshot 2021-10-06 at 12.56.26.png

 

Please help me to fix those. Thank you 🙂

Best

Albert

Hakik Zaman

Hi Albert Moritz,

Thank you for reaching out to us. Please kindly do a plugin compatibility check by doing these steps to identify the error :

=> Deactivate all of your additional plugins except WooCommerce and WooCommerce Variation Swatches Plugin.

=> See if the problem persists. If the problem is resolved, you can tell which plugin might be the culprit of this error by activating your additional plugins one by one.

If plugin conflict doesn’t help, please send us the latest version of the theme that you are using on your site. We’ll try to investigate your issue by installing your theme on our local setup.

You can upload the theme file in Dropbox or Google Drive and send the download link here directly.

Looking forward to hearing from you soon.

Thank you

Hakik Zaman

Hello Albert,

Thanks for sharing the theme. Please install and activate the Code Snippet plugin.

Then add the below as a snippet-

function wvs_savoy_archive_support(){
   add_action( 'woocommerce_shop_loop_item_title', 'wvs_pro_archive_variation_template', 30 );
}
add_action('init', 'wvs_savoy_archive_support');

Please let me know after applying the above code.

Thanks

Albert Moritz

Hello, Thank you!

It did the job for my first problem, but not for my second. Now my second problem is even more visible:

I know and showed you before, that there are Images, but they are just not displayed sometimes, even it is set that it should show all the images.

Appreciate your help – thank you 🙂

Hakik Zaman

Hello Albert Moritz,

Regarding your second issue, Could you please clear the following confusion-

1) Do you want to show all variation images here?

2) or, are images not changing on select variations?

Hope to hear from you soon.

Thanks

Albert Moritz

Hello Hakik,

Good that we talk. No none of your both proposed questions.

You can see on the attached picture that when I have size AND colour as variation, then it shows as dropdown button. But every single variation has a picture, actually. So, I am not certain if this is a bug or just some setting.

If I do ” Convert default dropdowns to button type” then I have another problem, just the text is visible within the dot instead of the variation picture.

https://hometrends.shop/moebel/hanviken-schubladenfront/

 

I hope you can help, thank you!

 

Best

 

Albert

Hakik Zaman

Hello Albert,

You can see on the attached picture that when I have size AND colour as variation, then it shows as dropdown button. But every single variation has a picture

Do you want to display a variation image instead dropdown?

Can you record me reproducing your issue using a tool like this- https://www.useloom.com It helps me to quickly figure out the issue.

I couldn’t visit your site, it is giving this error.

Hope to hear from you soon.

Thanks

Hakik Zaman

Hello Albert,

Thanks for giving us the screencast.

It’s about that some variable products are displayed as a dropdown even though there are pictures linked.

So, your problem is- The picture is linked with the variaiton but still it is showing dropdown.

Basically, this feature depends on this option. You selected max attributes so it will convert only max attribute to the image instead of a dropdown.

If you select this option then you can check this option for a better view of swatches. You can also select the different shapes for a specific product from here.

Hope it will help.

Thanks

Albert Moritz

Hi Hakik,

When I do what you have suggested, the results look like this:

But I like to show the actual color here as well (which is available, but I can’t choose it in the settings)

 

Please help… I think it has something to do with here:

Thank you!

Best

Albert

Albert Moritz

Hi,

 

NVM I think I solved it how I wanted it. Thank you!

Best

Albert