Selectbox menu

Anonymous

#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

#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

Anonymous

#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

#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.

Anonymous

#239943

This reply has been marked as private.

Trevor

#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

#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;
}

Anonymous

#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

#239957

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

Anonymous

#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