Hub Elementor - How to customize shop page?

By default, the WooCommerce plugin automatically creates a shop page with /shop slug and embeds its own shop page template, this makes the page un-editable. So, it causes Elementor to give the following error:

To be able to edit your shop page with Elementor, you need to deselect the shop page from WooCommerce settings.

Then, you need to change the slug of your shop page.

You can replace it with anything other than shop. (store, products etc.)

Now you can edit your shop page with Elementor!

P.S.: Since these actions will remove WooCommerce's default template from your shop page, your Shop page will be empty at the end of the process. For the product list, you can add the Liquid Woo Products element to your shop page via Elementor.