WooCommerce 3.0 Updates
On 4/4/17 the WooCommerce team released an update to their plugin for version 3.0. In this newest version they have updated the way the gallery operates and have added some advanced features that weren't there before. You can read a bit more about this update here. In this update however, it causes the lightbox (where you can click and the image comes up larger) to stop working properly. A little bit of code needs to be added to your theme in order to get this working the way it should and also add the new abilities provided in WooCommerce 3.0.
All the themes have been updated with this fix, so if you have purchased your theme after 4/11/17 then your theme already has this fix in it. You are also welcome to update your theme to the latest version if you'd like or you can follow the instructions below.
Before making any changes to your theme files, please be sure you've already updated to WooCommerce 3.0. If you add this code to your site without the update already being done, you will get an error.
Navigate to APPEARANCE>EDITOR and click on the functions.php file from the right hand side of the screen. Copy the code below and add this code to the very bottom of your file:
If your images are having alignment issues at all, navigate to APPEARANCE>EDITOR and click on the style.css file from the right hand side of the screen and add this code to the WooCommerce section of your file (you can do Command+F to search your file).