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 › Selectbox menu

Viewing 10 posts - 1 through 10 (of 15 total)
1 2
  • BOUCHAIR Yacine
    (Private)  April 11, 2020 at 7:30 pm #239784

    Hello,
    Can I use the plugin to populate 3 selectbox (even manually) to reproduce the selectboxes as in the slider
    in:
    https://bit.ly/2Vl7mAT
    When an item is selected, I’m redirected to an url

    Thank you

    Trevor Moderator
    (Private)  April 13, 2020 at 3:44 pm #239835

    The boxes, as soon as you make a choice, go to another page, yes? They are searching a custom post type named ‘inspirations’, yes? And the selections are custom taxonomies?

    It would need to be one form (you can place the ‘or’ by using custom CSS to use the before pseudo class to add content).

    The fields must each have their own custom taxonomy. This means you need three separate custom taxonomies.

    The form must be set to the Post Type Archive method and these options need to be set:

    On the General settings tab:

    Choose which kinds of pages S&F will try to do this on -> Tag, Category & Taxonomy Archives

    On the Display results settings tab:

    Enable filtering on Taxonomy Archives

    BOUCHAIR Yacine
    (Private)  April 14, 2020 at 11:34 am #239925

    Hello,

    Thank you it is working well, just don’t see how can I place the ‘or’ using the CSS pseudo class.

    My second problem is to use a hook to diplay only destinations of “level 1” in the first listbox
    Level 0 -> Africa
    Level 1 -> South Africa
    Level 2 -> Cape town

    Thank you in advance

    Trevor Moderator
    (Private)  April 14, 2020 at 11:44 am #239927

    Make it all then show me, maybe I can code the ORs.

    To remove the children, you must make the control hierarchical and include children in parents, and then you may be able to use CSS to hide the children.

    BOUCHAIR Yacine
    (Private)  April 14, 2020 at 1:02 pm #239943
    This reply has been marked as private.
    Trevor Moderator
    (Private)  April 14, 2020 at 1:14 pm #239949

    The sort order is in the field settings, in the Advanced section:

    https://www.screencast.com/t/9sDI8k4xH

    If it doesn’t work, then maybe you have a Sort Order plugin that is interfering?

    Trevor Moderator
    (Private)  April 14, 2020 at 1:24 pm #239951

    And this CSS for the ORs:

    .searchandfilter[data-sf-form-id="157762"] > ul > li.sf-field-taxonomy-theme_voyage:before,
.searchandfilter[data-sf-form-id="157762"] > ul > li.sf-field-taxonomy-meilleur_mois_voyage:before {
    content: "OR";
    display: block;
    position:absolute;
    margin-left: -35px;
    margin-top: 45px;
    font-family: Oswald,sans-serif;
    font-size: 18px;
}
.searchandfilter[data-sf-form-id="157762"] > ul > li.sf-field-taxonomy-theme_voyage,
.searchandfilter[data-sf-form-id="157762"] > ul > li.sf-field-taxonomy-meilleur_mois_voyage {
    padding-left: 40px;
}
    BOUCHAIR Yacine
    (Private)  April 14, 2020 at 2:05 pm #239955

    Thank you very much Trevor
    The “OR” css is working well but my css are not good

    .sf-level-2 { display: none; }
    .sf-level-0 { display: none; }

    I just discover, they hide also items in the others selectboxes
    I need to apply this code only to the first one

    Thank you

    Trevor Moderator
    (Private)  April 14, 2020 at 2:15 pm #239957

    Look at my CSS for the ORs, see how I target each field in just that form?

    BOUCHAIR Yacine
    (Private)  April 14, 2020 at 2:31 pm #239967

    Thank you done but for the sort
    I apply it to the 2 others selectboxes, it is working but for the first one it is not working
    Thank you

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 15 total)
1 2

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