Woocommerce Shop page displaying 2 superimposed layouts

Hi! I am struggling with my WooCommerce plugin at the moment.

I was unhappy with the theme I was using and when I uploaded a new theme on my self-run website, it wasn’t integrated with WooCommerce. In trying to solve the theme issues I deactivated all my plugins (including WooCommerce) but that didn’t help. To solve the issue, I had to restore my backup and then I changed the theme to Zerif Lite (Woocommerce friendly theme).

Now, however, my shop page(Products Archive) shows 2 superimposed layouts – a grid and a “blog-like” layout:
https://defiantfitness.co.za/shop/

I tried creating a new page to see whether the problem is with the theme or the plugin but the issue happened again.
I’ve even tried installing the ‘Customize Woocommerce Shop page’ plugin but it won’t install as it “already exists”.

I would really appreciate any assistance possible.
I have absolutely no coding experience and am surviving only on plugins.

Thank you in advance.