Note: In order for the Shop Customizer to work, WooCommerce plugin must be installed and activated. To learn how to activate it, check out this article.
The Shop Customizer provides an option to customize the Product List. The Product List is a shop page with a product loop that displays your products.
Note: You can check out the demo of a product list here.
All of the settings below can be found in WordPress left menu, Appearance > Customize.
To customize the product list:
1. From the Customizer left dashboard, click on Shop > Product List.
2. A new window will open with all the available options to customize and style the product list.
3. There is a new feature is the Styles tab where you can re-order the items position in the product list: Name, Category, Regular price, Rating.
Just drag the items to the position you need.
4. After you’ve configured the settings, click on the Close button.
5. Click on the Publish button. The changes you have made will be applied to the front-end of your website.