[Resolved] Toolset and FacetWP

[Author]

Posts

[jannaH]

Tell us what you are trying to do?
I have woocommerce installed along with WooCommerce Views and Layouts. I have created a product archive layout and view with Toolset for my main shop page. hidden link

I also have used Views to create product listings/queries for building custom category pages instead of using WooCommerce's category pages.

On the archive page linked above as well as these custom product pages, I want to include a sidebar with a list of "facets" so a customer can filter thee products on these archive pages. Typically, i have used FacetWp; however, it doesn't seem to be showing up on these pages. FacetWp works on hidden link but this page uses a FacetWp template to display the posts.

Is there an integration between Toolset and FacetWP? Is there a faceted search that works with Toolset and these custom product views?

[Beda]

No, there is no integration between FacetWP and Toolset.

We have had some issues in past with FacetWP.

Mostly with Toolset Layouts and Toolset Access, and AJAX handling.

All of them though were solved or explained.
For example, FacetWP and Layouts:
- Use a default Facet Template
- Used default Facet
- Create a layout for Home/Blog
- Add Facet to a text widget, so it shows categories checkboxes.
- Add Facet template to Visual Editor cell, so it shows the posts.
- On front-end when ticking any checkbox it filters the posts in the content area.

Or, for Access and FacetWP, it was all about initiation of the scripts (and hence race issues, you could see problems with AJAX or even permissions not respected).
But these issues were solved in cooperation with the Developers of FacetWP.

What you describe seems (if I understand it right) due to the theme, since Layouts or Toolset, in general, does not generate sidebars or other (non-content) parts.

Since Toolset layouts will not let you edit the entire template (unless you integrated Toolset manually), the sidebar is controlled by the Theme, and hence the conflict would be between the theme and the FacetWP.

Please let me know the exact steps you take, eventually, I can then replicate this issue and check if it is due to Toolset.

In general, if you disable Toolset, the archives should still work under the exact same URL's.
In that case, do you see the FacetWP sidebar?
In that case, it would be due to Toolset, but it would be unexpected since Toolset does not edit the sidebar.

Please let me know the results of this test and the steps to exactly reach the problem.

[jannaH]

I'm actually not using WordPress sidebars. I'm creating a layout with Toolset that includes a grid system. On the left, i'm using Toolset to create my product archive. On the right, i'm using Facet Shortcodes in a text box (see screen capture).

This is what i did for hidden link. The top is the page content (including categories), next is the product archive from toolset and the blank area where i need my faceted search.

For hidden link, i used Visual Composer to do my page layout (see screenshot); but it still includes my Toolset View to query the products and Facet shortcodes to show the filters...which don't show.

Although I did just try a page (hidden link) which uses woocommerce shortcode (see screen capture) to show the products and facet and the facets still don't show. So I suppose I should be asking FacetWP if i need to use a Facet template to show products instead of Toolset or Core Woocommerce.

Do you know if there is a way to create product filtering/faceted search with Toolset? I was looking at https://toolset.com/documentation/getting-started-with-toolset/filter-content-lists-and-add-custom-search/ which might work, maybe. Or if there is a plugin that does work with Toolset Views for faceted search?

[jannaH]

I might be able to make the Toolset filtering/custom search work if:
1. There is a way to do a price range selector (ie show products whose price is between two values)
2. A away to put the filters to the left/right of the products rather than the top

[jannaH]

I figured out how to move it to a right column...

Still struggling with Price and wondering if there is a way to NOT show items that would produce no results ? hidden link

[Beda]

1. It seems you cannot use Bootstrap properly on that site:

Uncaught Error: Bootstrap's JavaScript requires jQuery

It may not be related but I thought to inform you about this JS error in the console.

2. The HTML generated by FacetWP here is empty.
Look at the HTML div "wpb_text_column wpb_content_element".
All the checkboxes div outputs are empty:

<div class="facetwp-facet facetwp-facet-categories facetwp-type-checkboxes" data-name="categories" data-type="checkboxes"></div>

3. It seems, according to my last description, and your last findings, that FaceWP needs specific template settings which seem to conflict with WooCommerce's (and hence our inherited WooCommerce Views).

4. I do not know of any such Search Plugin that is tested and works perfectly with Views.

The major problem here is that when you try to mix 2 things that address the same, most likely, if not specifically integrated, it'll produce issues.
We integrate for example with Relvannsi, as if we would not the conflicts would make the search unusable, and Relevannsi provides some features that Views cannot do.

We can try to start a process with FacetWP as well, but we'd need a starting point in:
- what makes FaceWP invaluable, and would greatly improve Views (what cannot yet be done)
- what are the issues you stumbled over, and how to reach them?

If you can help us with these details, I am happy to start this process, which then will be taken caer of by the Compatibility team.

Now, Views is already a plugin that provides custom searches.
Also for products.
https://toolset.com/documentation/getting-started-with-toolset/filter-content-lists-and-add-custom-search/

5. "There is a way to do a price range selector (ie show products whose price is between two values)"

Short answer, no.
Not with the GUI.
You'd need to apply some Custom JS:
https://toolset.com/forums/topic/parametric-search-numeric-slider-for-price-range/
https://toolset.com/forums/topic/get-highest-value-in-parametric-search/

6. "A away to put the filters to the left/right of the products rather than the top"

You can put the Search and Results of a view anywhere you like.
Since the outputs can be separated when you insert the View as a ShortCode, or in a Layout as cells, you can basically display them anywhere you like.
Even, you can point to another page after the search has been submitted.
https://toolset.com/documentation/user-guides/front-page-filters/#4-1-adding-the-custom-search-form-to-a-page-or-widget
https://toolset.com/documentation/user-guides/view-cell/

7. This seems a new issue:
https://toolset.com/forums/topic/integrating-toolset-with-woocommerce-and-facetwp-or-other-product-filtering/#post-623975

I am not sure what you refer to as there is no price filter as by now on the site.

Maybe you can add a new ticket if the issue is related to Toolset, so we can handle this there?

[anthonyC-8]

Adding my two cents as for a reason to use FacetWP:
- it solves this issue:
https://toolset.com/forums/topic/how-to-select-only-the-parent-terms-in-a-taxonomy-while-showing-in-filter/