All thing has been working fine on your WooCommerce based WordPress site and then you went ahead and updated to WooCommerce 3.0 or above version on your live website. If you update to 3.0 the first thing that you may be noticed is that your lightbox stopped working and now the image is simply open in the browser directly. The question arises why it is not working as it used to work before updating WooCommerce 3.0. In this article, we will explain how to fix WooCommerce thumbnail gallery errors and other issues.
WooCommerce 3.0 or above version used some new features specifically for your WooCommerce photos gallery and product title text including:
- Image zoom/magnification functionality right into WooCommerce core file no need for any third-party plugins for zoom functionality.
- Lightbox new effect more than old one.
- Thumbnail slider on single page no need for third-party plugins.
These are more big changes to how product images and galleries get presented in WooCommerce. The WooCommerce team develop the new gallery features by default.
You can also read our article on how to fix structure breaking issue in WooCommerce compatible theme?
How to fix WooCommerce thumbnail gallery error
The theme authors control which new gallery features are enabled or disabled. It is good news to adding support for theme customizers to control the latest features. If you’re managing your own WordPress WooCommerce theme you simply need to add a few lines to your file to fix WooCommerce product gallery error after_setup_theme action. (which is in your functions.php file).
add_action( 'after_setup_theme', 'yourtheme_setup' );
function yourtheme_setup() {
add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
add_theme_support( 'wc-product-gallery-slider' );
}
After you add those lines and go back over to your product page and you should see something like this.
WooCommerce 3.0 product gallery new feature
The WooCommerce team has done excellent work with new product gallery features and the theme authors will give the support quickly for new features.
I hope this article helped you to ‘Fix Woocommerce product thumbnail gallery error’. You can also list the most important articles on Woocommerce Shortcodes, Resize Woocommerce product image size.
If you liked our articles, please subscribe to our YouTube Channel for WordPress Video Tutorials. You can also find us on social media platforms like Twitter and Facebook.