Woocommerce changed the layout of my shop

Hello,

I have created a new page to be my main shop page (https://nunnustudio.com/shop-2-main/)

This page looked like this when I first finished the design: https://nunnustudio.com/shop-2-nomain/

Once I set the page as shop page in Woocommerce-products, the layout totally changed. I tried a couple of times and the layout always changed.

The shop page was designed with Elementor, using a “product-list” block from the Qi Addons for Elementor.

Do you have any idea about what could have happened? The developers of my time told me that woocommerce pages are created with woocommerce shortcodes. So, when I choose one of them as woocommerce page, it will add the woocommerce shortcut to my customizations.

Thanks for the help!

The page I need help with: [log in to see the link]