Support Forums

The forums are closed and will be removed when we launch our new site.

Looking for support? You can access the support system via your account.

Forums Forums Search & Filter Pro Trouble using the plugin

Viewing 10 posts - 1 through 10 (of 12 total)
  • Matthieu Salvy
    #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 Moderator
    #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;}
    Matthieu Salvy
    #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 Moderator
    #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.

    Matthieu Salvy
    #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 Moderator
    #174965
    This reply has been marked as private.
    Matthieu Salvy
    #175065
    This reply has been marked as private.
    Trevor Moderator
    #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.
Viewing 10 posts - 1 through 10 (of 12 total)

The forum ‘Search & Filter Pro’ is closed to new topics and replies.