WooCommerce 3.0 New Product Gallery Not Working?

WooCommerce is now the most popular eCommerce platform on the web (stats from Builtwith), so you can rest assured you’re in good company.

The new product gallery in WordPress WooCommerce 3.0 is excellent. The thumbnails now react the way that they should and there is a great Zoom feature that is incredibly professional, I love it.

However you could well find that you have run your WooCommerce update and your galleries do nothing, even worse you have a jpg file opening when you click a thumbnail.  In this case you will need to make sure your theme supports the new WordPress WooCommerce features.

The new gallery uses Flexslider, Photoswipe, and the jQuery Zoom plugin to offer swiping, light boxes and other fab features. This new gallery is switched off by default for custom and 3rd party themes. To enable it you will need to declare theme support by adding the code below to the WooCommerce theme support declaration in your theme functions file.  (You might prefer to ask a developer to do this one for you).

add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
add_theme_support( 'wc-product-gallery-slider' );

Source: GitHub

You do not have to support all 3 items; you can pick and choose. If a feature is not supported, the scripts will not be loaded and the gallery code will not execute on product pages.

I added a bit of space around my thumbnail images below as youcan see but I think the WooCommerce gallery looks great straight out of the box.

woocommerce product gallery

I have tried a few eCommerce platforms over the years and I find WooCommerce to be exceptional and it keeps getting better and better.  When you have invested in fabulous images you need a showcase eCommerce website. In my view WooCommerce offers the best tools for the success of your online store.

Complete web design service for a beautiful, perfectly structured website. Fully engage your visitors with a website that is Google ready, mobile friendly, easy to navigate and painless to manage.