Return to previous page

Variation Gallery Issue – Main product image always appears with all variations ruining aesthetic

This topic has 20 replies, 2 voices, and was last updated 7 months ago ago by martincarpenter

martincarpenter

Participant

September 4, 2023 at 17:07

Hello,

I am seeing an issue with the variation gallery which I cannot seem to get around right now.

I have four variation images assigned to a variation of a product, and the main product photo. If i select this variation it shows five images, the main product photo and the four variation images.

Is there a way I can have the main image seen when browsing all products, and only the four variation images shown when browsing the product directly?

Kind regards

Please, contact administrator
for this information.

#366596 Copied Theme version: 9.1.13 WooCommerce version: 8.0.3

19 Answers

Rose Tyler

Support staff

September 4, 2023 at 18:06

Hello, Martincarpenter,

Thank you for contacting us and for using XStore.

Please try the next:
https://prnt.sc/lkatDmjx7FVQ (upload images into main product gallery, and remove from this particular variation) OR https://prnt.sc/5GJPlcm9M8nk (set a featured image for variation and remove this image from the gallery; in the result, the featured image of variation will replace the product feature image).

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

#366601 Copied

martincarpenter

Participant

September 5, 2023 at 12:30

Hi Rose,

Thank you for the quick reply.

Unfortunately option 1 doesn’t work as this will display all images including all colour variations no matter what variation is actually selected.

Option 2 is exactly what I am looking for and has worked almost perfectly.
I now have the main product image and three image in the main product gallery so four images are shown in total when the product is first selected.
I then have one main variation photo and three additional photos for each variation.

I am now getting a bug with adding a video. On the product’s page it loads for about a second and then disappears. This occurs only on firefox by the looks of it.

Lastly
– Is it possible to have a different video for each variation of the product?
– Is it possible to enable video looping/disable controls?

#366663 Copied

Rose Tyler

Support staff

September 5, 2023 at 15:53

Hello, Martincarpenter,

We appreciate your prompt response.

1/ We kindly request you to provide the URL of the page containing the video where the issue is visible. Additionally, we would appreciate it if you could provide temporary wp-admin and FTP access. This will allow us to investigate the situation in a more comprehensive manner.

Private Content.

We kindly request your assistance in checking a video on our demo product page: https://xstore.8theme.com/product/product-classic/. Could you please confirm if you are experiencing any issues while viewing this video using your Firefox browser?

2/ “Is it possible to have a different video for each variation of the product?”
“Is it possible to enable video looping/disable controls?”
– Currently, the features you are inquiring about are not available. However, we encourage you to submit your request to our development team at this link: https://www.8theme.com/taskboard/

Kind Regards,
8theme team

Please contact administrator
for this information.

#366694 Copied

martincarpenter

Participant

September 6, 2023 at 23:42

Hi Rose,

1. Please find the link in the private area.
2. Thanks for confirming, I have now submit the request.

I can confirm that the demo page works, and also my own site when not enabling variation gallery, as it looks like is not set on the demo site?

If possible I would like to avoid server/FTP access unless there is no other choice, sorry…

Please contact administrator
for this information.

#366813 Copied

Rose Tyler

Support staff

September 7, 2023 at 08:51

Hello, Martincarpenter,

Thank you for your response.

You did not provide even wp-admin access, so we can’t check settings of the product.

We would like to inform you that when the Variation Gallery is enabled on the product page, the product will only display the Variation Image Gallery and not the product video and product gallery simultaneously.

This is a default functionality of the Variation Gallery option. If you would like to request a change to this, you can post it to our taskboard at https://www.8theme.com/taskboard/, and our development team will be able to review it.

Kind Regards,
8theme team

#366838 Copied

martincarpenter

Participant

September 7, 2023 at 11:33

Hi Rose,

We would like to inform you that when the Variation Gallery is enabled on the product page, the product will only display the Variation Image Gallery and not the product video and product gallery simultaneously.

I have this error issue when first opening the product, thereby showing the product gallery and video. Before clicking on a variation to then switch to a variation. I should be able to view the product gallery and the video still right? Then once a variation is selected see the variation images only?

I have included FTP and wp-admin access in the private area if you would be kind enough to take a further look.

Please contact administrator
for this information.

#366862 Copied

Rose Tyler

Support staff

September 8, 2023 at 11:38

Hello, Martincarpenter,

Thank you for your response.

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 the weekend. We apologize for the delay, as 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

#366972 Copied
Rose Tyler

Support staff

September 10, 2023 at 19:21
Hello, Martincarpenter,

We added the next code in child-theme/functions.php:
```
add_filter( 'woocommerce_ajax_variation_threshold', function( $qty, $product ) {
    return 100;
}, 10, 2 );
```
Please clear cache and check now.

Kind Regards,
8theme team
#367155 Copied
martincarpenter

Participant

September 10, 2023 at 19:30

Hi Rose,

Unfortunately it appears the same thing is still happening.

Also worth mentioning if a variation is selected, then the ‘clear’ button is pressed. The video also does not return.

#367156 Copied

Rose Tyler

Support staff

September 12, 2023 at 08:00

Hello, Martincarpenter,

1/ We’ve checked from different devices and the video doesn’t disappear. Please check the Private Content.

2/ Please post your request on our Taskboard at https://www.8theme.com/taskboard/. If it receives enough votes from other customers, our development team will add it in one of the upcoming updates. There is no ready solution right now, unfortunately.

If you have any other questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

Please contact administrator
for this information.

#367271 Copied

martincarpenter

Participant

September 13, 2023 at 11:10

Hi Rose,

Unfortunately the video does disappear. I have also confirmed on multiple devices. You will need to refresh the page more than once as sometimes it loads, sometimes it does not. I have included another video in the private content area show a good amount of refreshes showing it loading and not loading randomly.

Please contact administrator
for this information.

#367374 Copied

Rose Tyler

Support staff

September 14, 2023 at 07:07

Hello, Martincarpenter,

We appreciate your efforts in confirming the issue on multiple devices and providing additional videos demonstrating the inconsistent loading behavior. This information is valuable to our ongoing research into the matter.

Our team is committed to finding a resolution, and we will continue to work diligently to identify the root cause and develop a solution. In the meantime, we ask for your patience and understanding.

If you have any further insights or observations that could aid our research, please do not hesitate to share them. Your cooperation is greatly appreciated.

Thank you for your understanding as we strive to resolve this issue.

Kind Regards,
8theme team

#367432 Copied

martincarpenter

Participant

September 15, 2023 at 11:46

Hi Rose,

Thank you for the update, I appreciate the teams commitment to resolve these bugs.

Additionally I have also noticed when one of the images is clicked to enlarge, two popups are actually presented. You must click the background twice in order to close both of them.

This appears to be another bug, and I don’t know if it could potentially be related to the intermittent video disappearing bug also?

I have included a video to showcase that stated above.

Kind regards

Please contact administrator
for this information.

#367579 Copied

Rose Tyler

Support staff

September 15, 2023 at 12:34

Hello, Martincarpenter,

Thank you for your response.

Please edit any page using Elementor page builder > go to Site settings > Lightbox > Image Lightbox > disable OR Single Product Builder > Gallery > disable Lightbox. You need to disable one of the mentioned lightboxes.

Kind Regards,
8theme team

#367588 Copied

martincarpenter

Participant

September 20, 2023 at 11:02

Hi Rose,

Has the team had any luck with resolving the inconsistent loading behavior yet?

Kind regards

#367984 Copied

Rose Tyler

Support staff

September 20, 2023 at 12:12

Hello, Martincarpenter,

We are seeking a solution to this situation, but currently, there is none available, unfortunately.

Kind Regards,
8theme team

#367994 Copied

martincarpenter

Participant

September 20, 2023 at 12:57

Hi Rose,

Just digging around myself now it appears the issue is completely resolved if I disable PayPal as a payment options, so it does not get displayed on the single product page.

Re-enabling immediately causes the issue to reappear.

Disabling PayPal as a payment option and removing the additional code added to functions.php also resolves the issue completely.

I hope this assists in the teams fix of the issue, since the ability to use PayPal is quite an integral part of WooCommerce.

Kind regards

#368004 Copied

Rose Tyler

Support staff

September 22, 2023 at 07:55

Hello, Martincarpenter,

In this case, we recommend writing to the plugin support service to find out which code may cause this issue.

Kind Regards,
8theme team

#368217 Copied

martincarpenter

Participant

September 29, 2023 at 14:56

Hi Rose,

Thanks for your patience and help with this.

I have ended up switching over to these plugins which work flawlessly without causing this video bug.
– Payment Plugins for Stripe WooCommerce
– Select Payment Plugins for PayPal WooCommerce

#368902 Copied
Tagged: fix woocommerce variation, improving woocommerce aesthetics, optimize woocommerce gallery, product image issue, variation gallery issue, woocommerce themes solutions, wordpress woocommerce themes
Viewing 20 results - 1 through 20 (of 20 total)

The issue related to '‘Variation Gallery Issue – Main product image always appears with all variations ruining aesthetic’' has been successfully resolved, and the topic is now closed for further responses

Variation Gallery Issue – Main product image always appears with all variations ruining aesthetic

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection