Forums › Forums › Search & Filter Pro › How to have 2 search forms using the same post types?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Anonymous
    (Private)  February 26, 2018 at 10:03 pm #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
    (Private)  February 26, 2018 at 11:10 pm #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
    (Private)  February 26, 2018 at 11:16 pm #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
    (Private)  February 26, 2018 at 11:24 pm #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
    (Private)  February 26, 2018 at 11:29 pm #162294

    Ok thanks, I’ll give this a try.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)