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.