Forums › Forums › Search & Filter Pro › How do I make the results display in a grid?

Tagged: , , ,

Viewing 10 posts - 1 through 10 (of 11 total)
1 2
  • Trevor
    (Private)  April 4, 2017 at 5:26 pm #101428

    Hi Will

    Grid layouts come from two sources; the theme (its own built in grid builder) or a plugin (like Visual Composer). They come in two varieties; flexible grids, such as made by masonry and salvattore, and inflexible ones.

    Depending on the theme you are using, and if you have Visual Composer, my solution would be different. So, what theme is it, and do you have Visual Composer? Do you have a sample grid page in your theme that you can give me a URL for?

    Anonymous
    (Private)  April 4, 2017 at 5:32 pm #101431
    This reply has been marked as private.
    Trevor
    (Private)  April 4, 2017 at 6:37 pm #101437

    Ah, the steps you need for Avada are easy. The page needs to have a posts grid looking as you want it.

    The shortcode for the results that you currently have needs changing, from this:

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

    to:

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

    In the search form, change the Display Result method to Custom.

    Make sure that the text box that the filter_next_query shortcode is in, is placed BEFORE (above) the posts grid.

    Trevor
    (Private)  April 4, 2017 at 6:39 pm #101439

    I just changed that last post, as I made a mistake on the second (new) shortcode.

    Anonymous
    (Private)  April 14, 2017 at 5:14 pm #103167
    This reply has been marked as private.
    Trevor
    (Private)  April 14, 2017 at 5:38 pm #103173

    I have fixed the results container (changed it from #main to .avada-container). But the Masonry needs to be re-triggered, as this user has done in X theme:

    https://support.searchandfilter.com/forums/topic/x-theme-masonry-problem/#post-103030

    I don’t have time right now (it being a holiday weekend as you know), but I will find some time to see if the code posted by that user can be re-worked for you.

    Trevor
    (Private)  April 17, 2017 at 9:44 am #103368

    I have spent some time looking at the Avada code (and searching the Internet) but cannot find a solution to the Masonry issue. It appears most users here have instead used Visual Composer to create the grid in Avada, and Search & Filter has a beta extension for that.

    Anonymous
    (Private)  April 17, 2017 at 11:56 am #103398

    Thanks Trevor, I have installed VC now. Can you show me where the beta extension is?

    Trevor
    (Private)  April 17, 2017 at 12:17 pm #103404

    https://www.dropbox.com/s/t4gnvhr8mj7e52d/search-filter-pro-vc-beta-2.zip?dl=0

    Anonymous
    (Private)  June 21, 2017 at 3:08 pm #116132
    This reply has been marked as private.
  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 11 total)
1 2