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 Hoverable Dropdown

Viewing 2 posts - 1 through 2 (of 2 total)
  • Alvin Chau
    #253744

    Hi,

    I need a Hoverable Dropdown in my search form instead of click. Can you help to implement this feature in my form.

    Regards.

    Trevor Moderator
    #253747

    You will 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.

    Then, you will need to add a script to enable hover. There is no fixed way to do this, so this is the best generic solution I can find:

    $(document).on('mouseenter', '.select2-container', function(e) {
        $(this).prev("select").select2("open");
    });
    
    $(document).on('mouseleave', '.select2-container .select2-dropdown', function(e) {
        var selectId = $(this).find("ul").attr('id').replace("select2-", "").replace("-results", "");
        $("#"+selectId).select2("close");
    });

    You would most likely use a plugin to add the script:

    https://wordpress.org/plugins/custom-css-js/

    I have not tested this, so it might need some fine tuning.

Viewing 2 posts - 1 through 2 (of 2 total)

The forum ‘Search & Filter Pro’ is closed to new topics and replies.