Hi Bruce,
Thanks for reaching out.
Let’s start with a few checks:
- Please make sure that the page is actually displaying a sidebar. Some page templates (such as Full Width templates) do not render sidebars, which means the filter widget will not appear even if it has been added correctly.
- In your filter settings, go to Behavior→ Main → Display on Pages and verify that your “Staff Picks” page is selected. Since this is a custom page rather than a standard WooCommerce shop page, the filter must be explicitly assigned to it.
- Go to Behavior→ Main→ Content and enable Third-Party Prefilter. This option is often required when products are displayed using shortcodes or page builder widgets rather than the standard WooCommerce product loop.
- If the filter appears but does not affect the products when selected, please enable Ajax under Behavior→ Main and make sure the filter can identify the correct product container on the page.
- If filtering still does not work, we may need to configure:
- Product List Selector
- Product Container Selector
These settings tell the filter which product list on the page should be updated when a filter is applied. The correct values depend on the HTML structure generated by the shortcode being used.
- If products lose their styling or layout after filtering, try enabling Force Theme Templates under Behavior→ Main so the filtered results continue to use your theme’s product templates.
Please try these steps and let us know if you still need any assistance.
Kind regards,
ok, I can see the filter now, but it’s not working…
1 and 2, was there. I’ve enabled 3 (Third party prefilter) and 4
However the filter does not work. There are 4 products on the page yet the filer shows many more. Selecting an item from the filter does nothing.. the page reloads and the filter is unchanged. i.e. really nothing happens.. So I guess we need to look at
If filtering still does not work, we may need to configure:
- Product List Selector
- Product Container Selector
Cheers, Bruce
Hi Bruce,
Thanks for the update.
Since the filter is now visible, the next step is to help the filter identify the product list generated by the shortcode.
Please try the following:
- Go to Filter → Behavior → Main.
- Set:
- Product List Selector:
.products
- Product Container Selector:
ul.products
- Save the filter settings and clear any cache.
- Test the filter again on the Staff Picks page.
These selectors must match the HTML structure of the product grid displayed by the shortcode.
If you’re unsure what values to use, please send us a screenshot of the page’s Inspect Element showing the product grid, so we can investigate further and identify the correct selectors.
Kind regards,
