Nevermind, I figured out it was the image size setting in the gallery dialogue box.

HI Devin
Thankfully, I was able to figure out what went wrong, even though I’m not a programmer, since its taken 2 days for anyone to respond to me. I understand you guys probaby have tons of issues coming at you, but it was a little scary to have my site down for 45 mins and no way to flag a message as “urgent” to you (that would be a nice addition to the forum btw).

The reason the site went down was that instead of pasting the text under the if(isset . . . line of code in the functions.php in the enfold theme that Ismael gave me (which totally broke my site), I inserted it into a functions.php file of my child enfold theme (even though there’s no if(isset. . . line of code) and I was able to see the code of the avia layout builder which is what I was after.

Hi Ismael
I followed your instructions and now my site is totally unresponsive, on the backend and the store front??? Here’s what I did. I went to WooCommerce > Settings > Tools (I think that is where it is, I’m writing from memory) and checked the box to put it in debugging mode. Then I went to the functions.php file and added the code and pushed save. Then the page just went to a blank screen, and every other page is the same. Even the store front is a blank screen.
Help!!!

Well either you were able to go in the backend, or my last woocommerce 2.1.6 update (3/25) fixed the problem. So we’re all good. thanks.

OK. I fixed the problem. We figured out what was important–its the ratio that is important, not the actual size of the image.

For example if you want all the pictures to be square you would size them all to 400×400, or 800×800 or 120×120, or whatever. If you want vertical rectangle pictures, then an aspect ratio of 600 (height) x 300 (width) or 800×500, etc. Or if you want it horizontal rectangle, then it would be just reversed 800 (height) x 500 (width), or 300×600, etc. It is the relationship of the height x width that matters, not what the actual size (the numbers) are, that is taken care of by the theme itself (Enfold in my case).

So what we wanted was a square ratio. So we set all our different image sizes (featured image, thumbnail, small, medium, large, post, portfolio, etc) in Enfold to the same “aspect ratio” which for us was square (e.g. 650×650, 700×700, 120×120 respectively) .

Then, we resized all our pictures in Photoshop to the maximum size we thought we would use–for us that was 800×800. So every picture was resized to 800×800 (for you PS people, we used an action, much faster :).

Next, we deleted all the images in our media library that we were replacing. Then we uploaded all the new 800×800 images we just created and attached them to the respective products on the product pages. The pictures were resized by the cart according to the use of the picture, so our thumbs were 120×120. The main product image was sized by the cart to 450×450, and the enlarged product image was 600×600.

Now, if we ever want to change those preferences, we can just change setting in Enfold, and then regenerate the images. As long as we’ve kept the same ratio, it will work seamlessly.
You can see how we’ve done on our website here: http://www.outtagear.com .

I hope this helps others, Good Luck!