Support Forums

The forums are closed and will be removed when we launch our new site.

Looking for support? You can access the support system via your account.

Forums › Forums › Search & Filter Pro › Changing the design of the search form

Tagged: 

Viewing 10 posts - 1 through 10 (of 13 total)
1 2
  • Inventflow B.V.
    (Private)  August 12, 2020 at 11:18 am #255766

    Hello,

    I use the S&F Pro plug-in and I would like to know if the design of my search form can be changed. I will include an example in a private message.

    I hope you can help me with this.

    Kind regards,

    Kevin

    Inventflow B.V.
    (Private)  August 12, 2020 at 11:29 am #255767
    This reply has been marked as private.
    Trevor Moderator
    (Private)  August 12, 2020 at 12:15 pm #255779

    To remove the search box on the fields, change them back to normal dropdown selects, and see this post (some of the suggestions I think you have done already):

    https://support.searchandfilter.com/forums/topic/css-dropdown-option-active-hover/#post-249903

    As to the font color, there should be some CSS snippets in this forum search that will help you:

    https://support.searchandfilter.com/forums/search/searchandfilter+data-sf-form-id+color+select2/

    I am not sure what you mean by “I would also like the arrow like I have right now instead of the ‘plus’ and ‘minus’ signs.” You already have dropdown arrows?

    Inventflow B.V.
    (Private)  August 12, 2020 at 12:20 pm #255780
    This reply has been marked as private.
    Trevor Moderator
    (Private)  August 12, 2020 at 12:37 pm #255783
    This reply has been marked as private.
    Inventflow B.V.
    (Private)  August 12, 2020 at 12:49 pm #255784
    This reply has been marked as private.
    Trevor Moderator
    (Private)  August 12, 2020 at 4:57 pm #255846

    To me it does not look like you applied this JavaScript code to the page:

    <script>
(function ( $ ) {
  $(document).on("sf:ajaxfinish", ".searchandfilter", function(){
    $('select.sf-input-select').select2({minimumResultsForSearch: -1});
  });
}(jQuery));
jQuery(document).ready(function($){
  $('select.sf-input-select').select2({minimumResultsForSearch: -1});
});
</script>

    Which would apply select2 to those boxes, without the search box at the top of each.

    Inventflow B.V.
    (Private)  August 13, 2020 at 8:59 am #255910
    This reply has been marked as private.
    Trevor Moderator
    (Private)  August 13, 2020 at 9:20 am #255916

    What theme or page builder are you using? Do that have a HTML block/widget you can add to the page? You could put it inside one of those. Failing that, use a plugin like this:

    https://wordpress.org/plugins/tc-custom-javascript/

    Inventflow B.V.
    (Private)  August 13, 2020 at 10:03 am #255925
    This reply has been marked as private.
  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 13 total)
1 2

The topic ‘Changing the design of the search form’ is closed to new replies.