Woocommerce Variation Image Gallery Change

Hello @blkpudd

Thank you for reaching out and I am happy to assist you with this.
As I can see in the URL below, everything is working as expected, with the CDN enabled and images being served from the CDN:
https://www.everythingbutordinary.co.uk/product/cane-line-peacock-outdoor-lounge-chair-weave/

However, in the other link you shared (below), the images are throwing net::ERR_CERT_COMMON_NAME_INVALID error
https://3.10.199.127/product/cane-line-peacock-outdoor-lounge-chair-weave/

The URL you are serving the images from is not secure. Most likely the issue is due to certificate misconfiguration on a server.

Thanks!

Hi Marko,

I appreciate the second link is showing the certificate error. This is a quick server I have started to demonstrated correct behaviour of the image swapping.

With the live server link, yes, the CDN is working well. However, the image swap in the gallery is not working as expected. You will note from the staging server the image will swap according to your variation choice, and also the gallery image will be auto-selected (rather than replace the first image).

On the live server, if I turn off the CDN, the gallery selection works fine.

I think there is some incompatibilty with woocommerce variation image and CDN feature.

I note specifically, if you make a selection from the swatches, and the main image changes. You can inspect that new image and it is NOT using the CDN.

Is there any way to exclude CDN from individual page through use of a user friendly custom-field?

Cheers

Hello @blkpudd

I am not quite sure what the problem is.
Please try creating a short video and share it because as I can see every image is served from the CDN and the Galery works just fine. I am using arrows and selecting the random image and it always changes as it should, and it’s served from the CDN.

I would love to assist you with the problem, unfortunately, I am not sure I quite understand the issue.
ALso, check this recording.
Thanks!

Hi Marko,

Thanks for your prompt reply.

I have made a video to demonstrate. Hope it’s clear, but please let me know if you need further details.

https://www.dropbox.com/s/wxag9fecysinz1c/Screen%20Recording%202022-02-09%20at%2017.46.57.mov?dl=0

FYI all gallery images are added as per normal gallery. Variation images are then set to the same images as per the gallery.

Cheers

Hello @blkpudd

Thank you for the information and for sharing the video. This is more clear now.
Just to clarify, once you disable the option “Host attachments” the issue is gone when using CDN?
Thanks!

Correct, disable Host Attachments is what I have done on the staging server and everything works as expected.

Hello @blkpudd

Thank you for the information. Can you please confirm which plugin you are using for this?
Thanks!

Hi Marko,

I have turned off all plugins except Woocommerce and W3TC, and I have changed the theme to ‘Twenty Twenty-One’.

Unfortunately the conflict still exists. Please see screen recording:
https://www.dropbox.com/s/a369a9vjwx5xraz/Screen%20Recording%202022-02-11%20at%2011.51.35.mov?dl=0

Hope that helps.

Cheers

FYI that product is:
https://3.10.199.127/product/flos-bellhop-battery-table-lamp/

I have left the CDN Host Attachments Checked for now.

Hello @blkpudd

Thank you for the information.
We will be able to replicate this I am sure with this information. As I can see you are using the latest Woocommerce plugin d the latest W3TC release.
Can you please just confirm the WP version?
Thanks!

Hi Marko,

Version was 5.7.5 but I have now updated to latest 5.9 and the issue remains.

Hope that helps.

Hello @blkpudd

Thank you for the information.
I’ve opened the Github issue for this on your behalf.
Please make sure to track the progress of the issue regularly.
Thanks!

Hi Marko

Thank you, I will keep an eye on Github.

I had accidentally removed the dropbox files, but have now restored them, new link below:

https://www.dropbox.com/s/0vz2mn78u51z7n3/Screen%20Recording%202022-02-09%20at%2017.46.57.mov?dl=0

https://www.dropbox.com/s/za76f5uiliwv9ac/Screen%20Recording%202022-02-11%20at%2011.51.35.mov?dl=0

Also the staging server is shutdown, do you need this to be switched on?

Many thanks.

Hello @blkpudd

Thank you for the information.
No need to switch it on, we’ll reproduce this on our own setup.
Thanks!