Results displayed in grid format for Avada

Anonymous

#226852

@trevorsf split this post from https://support.searchandfilter.com/forums/topic/results-displayed-in-grid-format-for-avada-2/

Wondering how you implemented this:

actually ended up using the short code method and the Custom Post Types for Fusion Builder plugin. I was able to utilize the built in grid, masonry and carousel functions true to Avada along with the Infinite Scroll and Load More functions from Avada. Unfortunately, using the S&F Pro Ajax was still a no go when performing a new search, but I can live without it at this point.

Custom Post Types for Fusion Builder:
https://codecanyon.net/item/custom-post-types-and-taxonomies-for-fusion-builder/15572585

How I utilized it with Search and Filter Pro:
https://whsnew.pairsite.com/physicians-finder/
https://whsnew.pairsite.com/locations-practices/

I’m using the same Theme and method, just need to get the search on the archive page and updating the search. Where did you place the code for the search on the results page? Thanks.

Trevor

#226953

Avada has changed much since that thread you posted in and the solution there may no longer work. For a grid layout using Masonry, you need to follow these instructions:

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

Anonymous

#234604

Hello Trevor,

I’m new using Search&Filter and was looking to customize the results display into a grid.
The method you’re proposing doesn’t work for me, as I need to exclude some tags from the posts in my research and Post grid doesn’t do that. I would then have to add a third plugin such as Custom Post Types… 3 plugins for one mission, that’s way too much..

Any other idea I could try ?

Thanks in advance,

Ben

Trevor

#234609

Do you mean the display of certain tags in the post display?

If so, you would have to custom build the code making the grid, and use our Shortcode method as the vehicle to deliver that custom code. However, you would need to seek the help of a third part code to help with that.

I would observe that whilst CPT UI is a plugin that helps add a custom taxonomy, you can do what it does yourself without installing any plugin, by adding code to the child theme functions.php file:

https://www.smashingmagazine.com/2012/01/create-custom-taxonomies-wordpress/

Anonymous

#234611

Thanks for your quick answer.

I’m not an expert in adding codes so this unfortunately sounds like above my skills..

I actually thought that a grid display would be included in your plugin..

Trevor

#234613

Coding universal grids (ones that work in most themes) is a complex matter, whereas we focus on the search and filtering of data. WordPress themes have a perfectly usable way to then extract the needed data and to then display that, using the wp_query() function in WordPress. It is this that we integrate with. Where themes and plugins do their own thing, often they help us to code a solution, or we find a way.

Anonymous

#234621

All right I’ll keep looking for an accessible solution.
Thanks anyway.

[Author]

Posts