Product variation gallery not working correctly when build single product page

Hello, mo,

We have updated your theme and core plugin, which should resolve the issue you were experiencing. Additionally, we kindly ask you to increase the Max Execution Time value to 180, as the current setting of 60 is insufficient for the proper saving of settings.

Best regards,
The 8Theme Team

Hello @mo
Please, check the issues now. Those requested ones should be fixed now. We implemented few improves in your single product builder and xstore-child/functions.php file
Kind regards, Jack Richardson
The 8theme’s team

Hello @mo,

We hope this message finds you well.

We would like to inform you that the solution for the Product Gallery widget on the Single Product template has been successfully implemented, as referenced in the following reply: https://www.8theme.com/topic/issue-with-thumbnail-slider-on-woocommerce-product-page/#post-436136.

Additionally, we have applied the same custom CSS solution (https://prnt.sc/-CEbMSkkQqEA) to the specific single product layout you created. Should you wish to design new single product layouts with similar conditions, you are welcome to utilize the same approach.

If you have any further questions or require assistance, please do not hesitate to reach out.

Best regards,
Jack Richardson
The 8Theme Team

Hello, mo,

Unfortunately, we are unable to include this in the update. Therefore, you will need to manually copy the custom CSS to your production site. Alternatively, if you could provide us with access to your site, we would be happy to do it for you.

Best regards,
The 8Theme Team

Hello, mo,

Thank you for providing access. The issue appears to be related to the compatibility between Elementor Pro, WooCommerce, and the theme settings.

To resolve this, we have added the following code to the functions.php file of your child theme.

add_action(‘wp_footer’, ‘fix_elementor_lightbox_on_variation_change’, 100);

function fix_elementor_lightbox_on_variation_change() {
    if ( ! is_product() ) {
        return;
    }

    ?>
    <script>
    jQuery(function($) {
      $(document).on('found_variation', function() {
        setTimeout(function() {
          $('.woocommerce-product-gallery__image a').each(function() {
            $(this).attr('data-elementor-open-lightbox', 'yes');
          });

          if (typeof elementorProFrontend !== 'undefined' &&
              elementorProFrontend.modules &&
              elementorProFrontend.modules.lightbox) {
            elementorProFrontend.modules.lightbox.init();
          }
        }, 1000);
      });
    });
    </script>
    <?php
}

Please note that this fix will also be included in the next theme update.

Best regards,
8Theme Team

Hello, mo,

You’re most welcome! Wishing you a wonderful day ahead.

We hope our theme is elevating your experience. If you could take a moment to leave us a glowing 5-star review on ThemeForest, it would mean the world to us. Your feedback is incredibly important and helps us continue to improve.

You can rate us here: https://themeforest.net/downloads

Should you have any other questions or require assistance, please don’t hesitate to contact us. Our dedicated support team is always here to help.

Best Regards,
8Theme’s Team