displaying filtered posts as a grid

Anonymous

#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

#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

#181722

This reply has been marked as private.

Ross Moderator

#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

#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

#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

#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

#181878

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

Ross Moderator

#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

#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