Mobile Product Gallery Issue with Variable Products after WooCommerce Update

Comments

• Phil

  June 16

  Hello,

  Please, turn off all of the plugins, refresh your cache, and check if the problem persists.

  Moreover, if you use a child theme, switch to the parent, and recheck it.

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• automondo

  June 16

  Hello,

  Thank you for your reply.

  Unfortunately, disabling all plugins is not a realistic option on our live production shop.

  However, I have investigated the issue further and found the following:

  • The product image is displayed correctly when the page first loads.
  • About one second later, after the gallery JavaScript initializes, the image suddenly becomes much larger and is cropped.
  • The issue only affects variable products. Simple products work correctly.
  • The problem only occurs on mobile devices.

  Using the browser console, I found that:

  • .flex-viewport width is approximately 653px
  • .woocommerce-product-gallery__wrapper width becomes approximately 9142px (7 gallery images)

  It appears that the gallery wrapper keeps the combined width of all images instead of resizing correctly after initialization.

  Could you please check if this is a known issue with the Betheme WooCommerce gallery or Flexslider integration?

  Is there a specific Betheme option or JavaScript that controls this behavior?

  Thank you for your assistance.
• Phil

  June 16

  You can create a copy of your website on a staging domain with the Duplicator plugin to test it.

  https://support.muffingroup.com/how-to/how-to-set-up-betheme-staging-site/

  https://wordpress.org/plugins/duplicator/

  No one else reported such an issue recently, and we are not able to reproduce it in our environment, so there is no known issue with Betheme and Woo.

  
  

  Best regards

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next