Isotope + Masonry

Anonymous

#247055

Hi.

Is it possible to use Isotope + Masonry with Search Filter Pro?

I would like to have a news feed templated in a masonry grid.
Then use the Search Form UI elements for sort by and search loading results with Ajax*.

Question: at this point since using masonry I would need a hook/call/function which I can use to rebuild masonry grid after ajax has loaded the results (unless you have a better/seamless solution).

Then I would like to have the Categories listed as navigation or buttons independent to the Search Form UI used for the search and sortby fields so I can have it in a different location. Can you have 2 instances of the search filter UI on a page/template (I could hide the certain elements with CSS so that in one I hide the Categories and the other I ca hide the search and sortby fields).

What do you think is possible?
Have you done something like this before?
Any examples?

Trevor

#247186

Yes, it is possible to use our plugin with an archives grid using Masonry.

There are a number of options:

1. Your theme has archive pages that already use masonry
2. You have a page builder that uses masonry
3. You use Divi Builder, which uses a Masonry alternative called Salvattore
4. You want to write your own code/template to use Masonry

Depending on your choice above, I can point you in the right direction. for #4, see this thread (and any others linked in that thread):

https://support.searchandfilter.com/forums/topic/infinite-scroll-with-masonry/

We have received feature requests to allow the one form to be broken into parts to be placed (and styled) in different places (and differently styled) on the page.

We have taken those requests on board for our forthcoming V3 (which we hope to release in a few weeks – but that may flex a little as we polish the code and UI). For example, you might have a form in WooCommerce that has a Search Box (text field), a Sort Order drop down, and then other fields (Product Categories, Product Tags, Variations, etc). You will be able to place the Search Box in the header, and the Sort Order above the products, and the rest of the form in the sidebar.

But, that is not possible right now.

Custom CSS styling can turn a form field like a checkbox or radio buttons into what appear to be choice buttons (like a Tag cloud).

[Author]

Posts