Elementor
Build the shop archive using the plugin Elementor
- Read this Creating a WooCommerce Shop Page.
- Go to WooCommerce > Setting > Products tab, click on the "Filter" subtab, Select a filter, then click save changes button.
- Display this filter on the shop archive page on the frontend using PWF shortcode or Widget.
Shortcode
- Edit a page with Elementor Pro, then add products widget.
- The page only contains one Elementor widget "products" if the contains more than one add the CSS class "use-pwf-filter" for the widget that will be using the PWF filter.
- Create a new filter for the Woocommerce shortcode. [More]
- Edit filter setting > click tab extra > enable the option "is shortcode" and from dropdown menu select "Plugin Elementor pro".
- Display this filter on this page on the frontend using PWF shortcode or Widget.
Powerpack Pro
Build the shop archive using the plugin Powerpack Pro
- Read this How to Create a Product Archive Page with WooBuilder?
.
- Go to WooCommerce > Setting > Products tab, click on the "Filter" subtab, Select a filter, then click save changes button.
- Display this filter on the shop archive page on the frontend using PWF shortcode or Widget.
Shortcode
- Edit a page with Elementor, then add "Woo - products" widget. (the page only contain one widget "Woo - products")
- Create a new filter for the Woocommerce shortcode. [More]
- Edit filter setting > click tab extra > enable the option "is shortcode" and from dropdown menu select "Plugin PowerPack pro for Elementor".
- Display this filter on this page on the frontend using PWF shortcode or Widget.