Trouble using the plugin

Anonymous

#174088

Hi. I would like to make a simple display of this filter.

I just want an horizontal list with the categories and the result after that, in 3 columns.

Like this : https://www.bonsbaisersdetaghazout.com/eshop/

Trevor

#174091

The display of results is typically handled by the theme (or page builder plugin) templates, unless you are using the shortcode method (which only displays the results singly per row).

To set the form fields horizontally, you need to use custom CSS, like this:

.searchandfilter > ul > li {
  display: inline-block;
  margin-right: 20px;
  float: left;
}
.searchandfilter > ul > li:last-child {
  margin-right: 0;
}
.search-filter-results {clear: both;}

Anonymous

#174198

Thank you for the answer.

I tried your custom css but the render isn’t that good.

https://www.bonsbaisersdetaghazout.com/test/

And what template part is used by the display shortcode ?

I am using AnyWhere Elementor for my archives and the blocks design, is there a way to use them there?

Trevor

#174232

That might work with the plugin. We will come back to the display of the form afterwards.

Place our form on the page. Do you use a shortcode like this?

[searchandfilter id="2298"]

Instead use this:

[searchandfilter id="2298"]
[searchandfilter id="2298" action="filter_next_query"]

Remove the results shortcode:

[searchandfilter id="2298" show="results"]

and replace that with your Elementor results grid.

In the form, change the form from Shortcode Display Results method to Custom method.

Anonymous

#174881

and replace that with your Elementor results grid.

In the form, change the form from Shortcode Display Results method to Custom method.

I did not understand this part. What should I replace ?

Trevor

#174965

This reply has been marked as private.

Anonymous

#175065

This reply has been marked as private.

Trevor

#178932

This reply has been marked as private.

Ross Moderator

#180038

This reply has been marked as private.

Ross Moderator

#180201

This reply has been marked as private.

[Author]

Posts