Forums › Forums › Search & Filter Pro › displaying filtered posts as a grid

Tagged: 

Viewing 10 posts - 1 through 10 (of 15 total)
1 2
  • Anonymous
    (Private)  June 29, 2018 at 4:19 pm #181633

    Hello
    My objective is to create a searchable, filterable photo gallery that, where each photo can be commented on.

    – Filter works (but not displayed as a grid): (created new post type using CPT UI)
    https://www.telesforada.es/galeria-filtrable-prueba/

    – Displaying posts as a grid works (but not filterable): (using “post grid” plugin)
    https://www.telesforada.es/post-grid-prueba/

    How do I make them work together?
    Thanks!!!!
    Christina

    Ross Moderator
    (Private)  June 29, 2018 at 8:24 pm #181661

    Hi Christina

    There is a grid plugin we use that works well, however a user reported an issue with it today.

    I’m going to look into it over the weekend and I’ll get back to you with a working solution.

    Thanks

    Anonymous
    (Private)  July 1, 2018 at 10:03 am #181722
    This reply has been marked as private.
    Ross Moderator
    (Private)  July 3, 2018 at 12:19 am #181782

    Hi Christina

    I decided to do some testing and a writeup 🙂

    As far as I can tell everything should be working nice as long as you follow the instructions here:

    https://searchandfilter.com/documentation/3rd-party/post-grid/

    Let me know how you get on.

    Thanks

    Anonymous
    (Private)  July 3, 2018 at 3:03 pm #181852

    Hi Ross! Thanks for your reply: I got my hopes up but it still doesn’t seem to work.
    post grid gallery shows up but not the search and filter form

    Sorry!
    What can I do?
    Thanks for your help!
    Christina

    Ross Moderator
    (Private)  July 3, 2018 at 4:24 pm #181868

    Hi Christina

    Ah sorry, in the docs I missed an important step.

    The shortcodes on that page, show the grid and tell S&F to filter it, but that doesn’t actually display the search form.

    You’ll also need to add the search form itself: [searchandfilter id="123"] (updating 123 with your ID of course).

    I’ve updated the docs to reflect this:
    https://searchandfilter.com/documentation/3rd-party/post-grid/

    Thanks

    Anonymous
    (Private)  July 3, 2018 at 5:41 pm #181876

    Hi again Ross, Yes! Thanks! Now it shows the filter form and grid. However, when you filter the results the images don´t show up, only the post titles.
    Also, is there a way to show the search form horizontally instead of vertically?
    Thanks!
    Christina

    Anonymous
    (Private)  July 3, 2018 at 5:41 pm #181878

    Sorry, here is the link so you can see what I mean https://www.telesforada.es/galeria-filtrable-prueba/

    Ross Moderator
    (Private)  July 3, 2018 at 7:30 pm #181882

    Apologies, I missed another crucial line (I should stop writing docs late at night!)

    – In your search form, under Display Results tab, choose Custom Display Method, and enter the Full URL of the page with the results on (https://www.telesforada.es/galeria-filtrable-prueba/)

    Thanks

    Ross Moderator
    (Private)  July 3, 2018 at 7:39 pm #181884

    To display your search form horizontal, add the following to you theme’s CSS:

    .searchandfilter > ul > li {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
}

    (link)

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 15 total)
1 2