[products] shortcodes placed on front page are not supported!
Register the pages that contain [products] shortcode as filterable by adding them to the Filter [products] shortcodes on multiselect. Select the pages containing the WooCommerce [products] shortcodes that you wish to filter. If you omit this step, any filter that appears on such pages will redirect to the shop page.
To create a filterable product list with the help of the [products] shortcode, follow the steps below:
- Go to the Pages section of your WP admin and create a new page with the permalink of your choice.
- Place the Shortcode widget into the area of the page where you wish to see the products list, and type in the [products] shortcode, for example:
[products columns=4 limit=12 paginate=true] - Place the annasta WooCommerce Filters widget into the header, sidebar or other visible area of the page and select the needed preset.
- Save and publish the new page.
- Go to the annasta Filters > Plugin settings tab, and add the newly created page to the Filter [products] shortcodes on multiselect.
The [products] shortcode attributes currently supported by the filters are: limit, paginate, columns, on_sale, category and cat_operator.
Make sure that the filterable page containing the [product] shortcode is covered by the rules of the Display on section of preset settings.