[Plugin: WooCommerce] WooCommerce not working properly – doesn't go with theme

Hi. I am building a WordPress site with a web shop, and I made the decision that WooCommerce is the best plugin for such purpose, and it is the only one that has the payment gateway plugin available that I want (Checkout Finland). The WooCommerce page URL is https://motiel.net/teddyset/verkkokauppa. So I installed a nice theme for the site, and set WooCommerce up. I thought everything was okay but then… When I went to see what the WooCommerce page looks like, it was a total mess. All the content was on the left site and almost everything else was messed up too.

I’ve tried changing WooCommerce settings (Use or don’t use WooCommerce CSS styles, use/don’t use lightbox etc) but since I’m not really a code wizard, I just can’t figure out what on earth is wrong. Why the WooCommerce is using some messed up own code, why doesn’t it embed properly into the page like a nice picture gallery?

Thank you very much in advance for any help, I hope someone can figure out why WooCommerce behaves like this with my theme. I’m sure it’s just a matter of a few lines of messed up code that makes this problem. I hope I can get it fixed, since if I don’t, I’ll have to change the theme which is something that pretty much annoys me because I have worked with the theme for many many hours and to change the perfect theme now… Doesn’t sound like a good plan. I would rather get the WooCommerce system fixed somehow.