To customize the WooCommerce shop page and sidebar, you first need to design the banner section with Elementor. Then follow the below steps:
Step 1:
From the main dashboard, navigate to Appearance > Widgets.
Step 2:
In the new pop-up page, look for the “WooCommerce widget area” and click on the arrow sign next to it.
Step 3:
Now drag the necessary widgets one by one from the page and drop them into the “WooCommerce widget area.”.
Step 4:
Customize all the requisite settings for each widget. Once you complete customization, save the changes and start using your personalized shop page and sidebar.
Note: We don’t have any demo templates for the shop page and product details page. You need to customize them manually to use them properly.