How to have 2 search forms using the same post types?

Anonymous

#162263

I would like to use the same form in two places on my website, vertically in the sidebar on some pages and horizontally on one particular page. I need both forms to use the same post type archive display mode but I get an error when I try to do this.

Is there any way around this? Perhaps I can assign an ID or something on the form that needs to be displayed horizontally, so that I’m only using the one form?

The vertical forms will be displayed using a widget and the horizontal form with a shortcode.

Trevor

#162284

The only way is to use one form and style it differently with custom css pertaining to the page it is on. The Body class tags are often different between pages, enabling you to do this.

Anonymous

#162290

Ok, I just confirmed that my body class tags are different, so I will give it a try.

Can you tell me where the body class might go into this code snippet?

.searchandfilter[data-sf-form-id="###"]  > ul > li {
display: inline-block;
margin-right: 20px;
}
.searchandfilter > ul > li:last-child {
margin-right: 0;
}

Trevor

#162292

Like this:

body.mybodytag .searchandfilter[data-sf-form-id="###"]  > ul > li {
display: inline-block;
margin-right: 20px;
}
body.mybodytag .searchandfilter > ul > li:last-child {
margin-right: 0;
}

Anonymous

#162294

Ok thanks, I’ll give this a try.

[Author]

Posts