This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

WooCommerce Better Thumbnail Navigation


Replace fullsize image when thumbnail on single product page in WooCommerce is clicked. This should also work nicely with the build in lightbox feature in WooCommerce (PrettyPhoto).

What this plugin do:

  • When a thumbnail is clicked, the large main image is updated with the large version of the clicked image.
  • When the large main image is clicked a lightbox will open where the user can see larger versions of all the images for the product.
  • Adds the products main/featured image to the product thumbnails.


This plugin is currently dependant on CSS selectors to work and will therefore not work with any theme. It is tested and works with the standard templates from WordPress and a few of the themes from WooThemes(Wootique for example). Contact me if you are expieriencing problems with you theme. The goal is to make this plugin work with most themes with little or no need for custom configuration by the user.


All development of this plugin occurs on GitHub. Please help me develop this by forking and sending pull requests.


  • This is how it looks like with the plugin installed and activated.


For integrating this info your theme, see GitHub.

  1. Upload plugin folder to the /wp-content/plugins/ directory of your WordPress installation
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Test how it works on the single product page.


Read all 7 reviews

Contributors & Developers

“WooCommerce Better Thumbnail Navigation” is open source software. The following people have contributed to this plugin.




  • Fix issues with responsive images/srcset in WordPress 4.4
  • Improve thumbnail selector to work with more themes
  • Only run PrettyPhoto code if PrettyPhoto is active on page


First public release