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' );
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.
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.
- Why WordPress is right for your business
- 10 ways a WordPress designer can make you stand out from the crowd
- Limit Content Length WordPress Code Snippet