I dont think all these are necessary but this is how I fixed it for now:
function remove_sf_scripts() {
if (tribe_is_event() || tribe_is_event_category() || tribe_is_in_main_loop() || tribe_is_view() || 'tribe_events' == get_post_type() || is_singular( 'tribe_events' )) {
wp_deregister_script( 'search-filter-plugin-build' );
wp_deregister_script( 'search-filter-plugin-chosen' );
wp_deregister_script( 'jquery-ui-datepicker' );
wp_deregister_style( 'search-filter-plugin-styles' );
}
}
add_action('wp_enqueue_scripts', 'remove_sf_scripts', 100);
There is no way to add a scroll to a select field other than to have lots of entries (as our demo does). What you could do is to make it a combobox in the field settings. This would the apply the Select2 jQuery script to it, and style it much better.
At the moment you are hiding if empty. But you want to show them, see here:
https://www.screencast.com/t/jUc9Mhe5WqYf
Some custom CSS is needed for the date to be in 2 columns:
.searchandfilter[data-sf-form-id="14110"] li.sf-field-post_date input {
width: 100px;
min-width: auto;
display: inline-block;
}
.searchandfilter[data-sf-form-id="14110"] li.sf-field-post_date li {
display: inline-block;
}
.searchandfilter[data-sf-form-id="14110"] li.sf-field-post_date li:first-child {
margin-right: 20px;
}
This reply has been marked as private.
I have many facets that I’ll have to style in boxes with scrollbars. The problem I’m having is to have the form in the top area of the search results and tags/categories pages. I still don’t grasp this (the pro plugin should have a few templates to build upon on).
To make it easier, how can I have the page results of your example at https://demo.searchandfilter.com/movies/ but with the form at the top and the results in full-width bellow?
If you can give me the actual php template I’ll really appreciate it.
Thanks a lot for your kind assistance!
Hi Trevor,
I have tried to apply options from Select2 to the dropdown filter. For instance trying to disable the default search field. Not giving me any errors but neither is it removing the search input form.
So, basically i want to be able to add additional options to the existing dropdown menu to customize the dropdown with the JS options which are available on the official site.
After adding the latest version of Select2 JS and CSS to the functions.php by enqueue it will create a new dropdown and apply the options to it.
This is not what i want. I want to to override and extend the options from the current dropdown.
also tried to dequeue the default style but the CSS is not being removed. What is the correct code for it?
Could you tell me how i can use the options from Select2?
Thanks in advance.
Kind regards,
Nino
If Select2 is correctly being applied to the select fields, can you inspect that to see what CSS IS being applied, and from where?
My suspicion is that it may be our CSS file, which by default has the Select2 CSS for our plugin already included. You might need to dequeue our CSS file and make your own CSS file to load that excludes the Select2 (and Chosen I would suggest) classes.
This thread discusses the dequeuing:
https://support.searchandfilter.com/forums/topic/how-to-manually-add-styles-and-js/
But you would have to enqueue our general JavaScript file as well.
This reply has been marked as private.
This reply has been marked as private.
This reply has been marked as private.
Yes, but it would require custom CSS, depending on what you need. If you are using select dropdown fields, I would suggest using comboboxes.
You may need to make some changes.
Go to wp-admin -> Search & Filter -> Settings -> Combobox Script
Change this from Chosen to Select2 – we’re dropping support for Chosen in v3, because it has too many issues on mobile.
Next, in the form field settings, select the combobox option for each.
There is an alternate way of doing this, but this is the easiest. Now you can style the resulting select as it is not a select!
You may you may need to hire a third party coder to help you. This search will give some code snippets to help that coder:
https://support.searchandfilter.com/forums/search/data-sf-form-id+.searchandfilter/
