We have received feature requests to allow the one form to be broken into parts to be placed (and styled) in different places (and differently styled) on the page.
We have taken those requests on board for our forthcoming V3 (which we hope to release in late June/early July – but that may flex a little as we polish the code and UI). For example, you might have a form in WooCommerce that has a Search Box (text field), a Sort Order drop down, and then other fields (Product Categories, Product Tags, Variations, etc). You will be able to place the Search Box in the header, and the Sort Order above the products, and the rest of the form in the sidebar.
But, that is not possible right now.
As to the other question: I want to know how can I appear the number of results when I use the sort order Field.
I am not sure what you mean. Do you want the number of results to appear next to the re-positioned sort by field? If that is what you want, Display Results Method are you using? Are you able to send me a live link/URL to your search page so I can take a look?
AnonymousInactive
Hi Trevor, thanks for the quick reply. Updated our licence in the meantime.
You pointed me in the right direction, for anyone wondering I’m using the following. Basically waiting for the sf:ajaxfinish, then copying the result count into my own span.
//
// Woo Result Count
//
// Load initial result count
var newCount = $('.woocommerce-result-count span.count').text()
$(".show-results .new-product-count").text(newCount);
// During ajax load get loading dots
$(document).on("sf:ajaxstart", ".searchandfilter", function(){
$(".show-results .new-product-count").text('...');
});
// Add result count after loading finishes
$(document).on("sf:ajaxfinish", ".searchandfilter", function(){
//console.log("S&F ajax finished");
var newCount = $('.woocommerce-result-count span.count').text()
$(".show-results .new-product-count").text(newCount);
});
Can you first change the combobox script that S&F is using, and remove that CSS and let me know when done?
Change the combobox script to Select2 (there is an option in our settings page to choose which Combobox script to use). Your current form uses Chosen, which is set within our plugin by default. However, it is now pretty much abandoned and has not received any major updates in a long time. It has poor support for iOS devices for example.
Select2 is maintained now by the WooCommerce team, who are, of course, owned by Automattic, the owners of WordPress, and as such is used by a lot of themes and plugins.
Do you need these controls to be comboboxes:
https://www.screencast.com/t/s83eHGRPM
Or was that for styling reasons? If it was for styling reasons, do they need the search box at the top?
AnonymousInactive
Hi, I have a search form over Woocommerce products based on Taxonomies and it was working ok.
Now I have added Category, as the usual standard product categories, but nothing comes up
This is my form: https://www.fabuportal.com/buscador/ the last “del tipo:” is supposed to be a dropdown with the categories but nothing is displayed
Thanks in advance
We have received feature requests to allow the one form to be broken into parts to be placed (and styled) in different places (and differently styled) on the page.
We have taken those requests on board for our forthcoming V3 (which we hope to release in late June – but that may flex a little as we polish the code and UI). For example, you might have a form in WooCommerce that has a Search Box (text field), a Sort Order drop down, and then other fields (Product Categories, Product Tags, Variations, etc). You will be able to place the Search Box in the header, and the Sort Order above the products, and the rest of the form in the sidebar.
But, that is not possible right now.
AnonymousInactive
I want to set a price filter for woocommerce but it is not possible according to current wishes or standards
The Ajax Continer is set to #main, but for WooCommerce, it needs to be .products
We (generally) leave the output (content/style/functionality) of the results to the theme, so you would need to explore how this can be added to your theme/woocommerce (probably a plugin is required).
AnonymousInactive
I have a rather large site and I am trying to figure out how to get things to correctly display.
General Tab
– search in products
– auto submit on
– field relationships or
– Auto count off
– detection off
Display Results
– template options off
– Ajax on
– container #products
– pagination selector .woocommerce-pagination a
Posts
– Irrelevant
Tags, cats, taxo
– Nothing selected
UI Form
– product tags and cats are both enabled
The elementor page
– editing the shop page
– Top of page I have the search and form filter on there
Live page
– It shows the count for tags and categories
– when I click on one nothing happens.
– If i add a submit button and hit enter it just redirects me to the shop page.
Extra
– flywheel was purchased by wp-engine and they are similar but I do not believe they have a governor. I am emailing them to see if they do.
Suggestions?
AnonymousInactive
I would like to add the ability to compare products after the search & filter – on the results side. To see a checkbox above the product(s) that the front-end could mark and click “compare”, then see the products they selected side-by-side with attribute or other field details. Many online merchants have this feature.
It may not be related to S&F Pro but another plugin I need for WooCommerce? I am trying S&F Pro first since it produces the search results.
Thank you!