Page layout still broken after replacing loop

Add a woocommerce class here https://dl.dropboxusercontent.com/s/849g6qe1qcymbxo/2015-08-13%20at%2023.56.png?dl=0

What file do I put that in?

I was able to preview what it would look like using Chrome’s “inspect element” feature, but I don’t know where to put in the woocommerece class in the actual code of the website

I’m not sure if this is related, or even identical to the issue which I am having, I have a <div id=”main”> which contains my main content (including a couple of sidebars if I am correct), inside that the WooCommerce content is in a <section id=”main”> and it appears that whatever is generating this code, is setting things up so that unless the CSS treats <section id=”main”> and <div id=”main”> differently there is likely to be an issue.

This shows up for me on the Store page, but from what I can see, not on other pages. Cart, Checkout, and Account pages seem to not have this issue.

I have tried to figure out where that is being generated, but having two elements with the same ID causes validation to fail. Now, I might be wrong that even though they are different element types <div> and <section> it *still* fails.

Looking it *may* be that on the shop page, I haven’t overridden the theme’s way of producing pages, so I am getting things setup the way the theme wants, in conjunction with how WooCommerce is “calling” things. Will look at my child theme.

I’ve found where for the “shop” page that is being set, but I see nothing clear which is telling me why the shop page is getting that call, while the other WooCommerce pages are *not*.

That was a screenshot from your page, so put it in your woocommerce.php template file.

That got it working, thank you!