Search not work correctly

Anonymous

#235252

I’ve a form, managed from Trevor ( Thank you ) that now has this CSS code :

.searchandfilter[data-sf-form-id="9080"] select.sf-input-range-select {
  border: 1px solid #aaa;
  padding: 2px 0;
  border-radius: 4px;
}
.searchandfilter[data-sf-form-id="9080"] > ul > li:first-child {
  margin-left: 0;
}
.searchandfilter[data-sf-form-id="9080"] > ul > li {
  margin-left: 25px;
  float:left;
}
.searchandfilter[data-sf-form-id="9080"] {
  background: #fff;
  float: left;
  width: 100%;
}
.searchandfilter[data-sf-form-id="9080"] h4 {
  color: black;
  font-family: "Montserrat", Sans-serif;
  font-size: 18px;
  font-weight:600
}
.searchandfilter[data-sf-form-id="9080"] select,
.searchandfilter[data-sf-form-id="9080"] .select2-container .select2-results__option,
.searchandfilter[data-sf-form-id="9080"] .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: black;
  font-family: "Montserrat", Sans-serif;
  font-size: 14px;
}
.searchandfilter[data-sf-form-id="9080"] .select2-container {
  min-width: 230px;
}
.searchandfilter[data-sf-form-id="9080"] > ul {
  display: table;
  margin: 0 auto;
}

but i’ve two problems :

1) the last field ( price range ) is not of the same dimension of others.
2) when i select a field the form give me immediately the result redirecting me on teh search result page using only a filter

My old form give me the possibility to select one or moe fields to have the final result correctly filtered .

F.e.

select first field
second field show me only elements that respect the first query
Select second field
Third field show me only elements that respect the second query that respect the first
etc etc

Why now it does not work ?
i do not see more the partial result for every step for every field inserted .

Thank you for your help

Anonymous

#235254

This reply has been marked as private.

Trevor

#235290

This reply has been marked as private.

Anonymous

#235373

This reply has been marked as private.

Anonymous

#235377

This reply has been marked as private.

Trevor

#235436

At the moment, my login does not work (at least as an admin), I assume you switched it back off.

When set to Post Type Archive, a form takes control of the template for the archives page of the post type. With two forms on the page doing the same thing, there is the possibility that the two forms will conflict. One form will always be hidden, but it is still active. Also, when you select an option in one form, the other form will not know that this has happened.

So, we normally recommend just the one Post Type Archive form per post type. This does mean that, where you want the forms to be different between mobile and desktop, your only options are to style them differently, but the field types would still be the same (for example, a field cannot be checkbox on desktop and dropdown select on mobile). This also means that the form has to remain in the same location on the page, and that can be an issue requiring careful planning.

In any event, the form is currently set to ‘Custom’ display results method.

I had thought that you wanted to be able to select more than one filter term before submitting the form. with Auto Submit ON, for each selection, the form will submit. with Auto Submit OFF, of course you must add a submit button to the form to allow the user to send the query.

As to whether the form would work, it does not look setup to integrate with Elementor right now? As per this post:

https://support.searchandfilter.com/forums/topic/how-can-i-search-elemntor-column-while-retaining-the-design-of-that-column/#post-209754

Anonymous

#235439

This reply has been marked as private.

Trevor

#235471

This reply has been marked as private.

Trevor

#235506

This reply has been marked as private.

Anonymous

#235839

This reply has been marked as private.

[Author]

Posts