Search Results for 'Masonry'

[Anonymous]

I speak more directly about the masonry script. It does appear to be part of my theme which is called Virtue-premium. Apparently, it controls how the gallery is presented. Here’s a link.

http://themes.kadencethemes.com/virtue-premium/masonry-gallery/

Is this something I should speak with their support about, or do you already know what to do? If the former, please give me an idea of what I should ask.

I think I mentioned this, but can’t find where. If it’s redundant, please forgive me. The native search on my website (upper left of any page) provides the expected results in the expected format. The S&F search produces the same results, but the displayed page count indicates that there are 20 pages for whatever the search even if there are only 6 results. That also indicates there are 946 results. I believe that 946 may be the total number of product pages currently on the site.

[Anonymous]

A very quick, cursory search suggests the masonry script is part of my theme. I’ll dig deeper and get back to you when I know something. It’s a premium theme, so I may be able to get some suggestion from them, too.

[Anonymous]

I’ll do that, though I don’t recognize the name masonry in this context.

Now, git!

Enjoy the rest of your evening!

Thanks so much, Trevor.

[Trevor]

Do you know if the posts on the page are arranged by a script, maybe Masonry or Salvattore (an alternative to Masonry used by Divi Builder, and maybe others)?

[Trevor]

I can see that you are using the custom method, which means it is your theme or page builder that creates the content. With reference to this documentation page:

https://searchandfilter.com/documentation/search-results/custom/

Which of the three methods are you using, or are you using the filter_next_query action in a shortcode (another alternative ‘Custom’ method)?

I suspect that whatever is making the content, is using something like the Masonry script and that needs to be refreshed on Ajax loading, but that can be complex unless the theme or plugin author is able to help. Essentially it requires javascript like this:

<script>(function ( $ ) {
  "use strict";
  $(document).on("sf:ajaxfinish", ".searchandfilter", function(){
    console.log("ajax complete");

// call your function(s) here

  });
}(jQuery));</script>

[Trevor]

I have had a close look at the markup for these cards. The CSS that is loaded is designed to hide any excess space, but it uses CSS ‘calc’ code and it looks like it is taking awhile to run. Using Masonry, these calculations are being done in javascript instead, and not delayed.

I am not sure I can see any way to fix this. Are these cards on a page that does not rely on Search & Filter and do they behave in the same way? It may be that you do not see it, because you aren’t refreshing the page and posts except in Search & Filter.

[Trevor]

I see it. So, do you want Masonry On or Off?

#1 The issue with Masonry is that the posts load and then Masonry does it thing to change the posts. What you may be seeing is the posts loading and the Masonry does its stuff, and then they look correct.

OR

#2 Without Masonry but with Ajax, you might be seeing something similar, but Elementor may be applying some changes to the DOM to hide or change the appearance, and that is running late so you see it before and after that code is run.

OR

#3 Without Masonry and NO Ajax, might be the same as #2 above, but the whole page reloads.

Whilst it is not our plugin doing this directly, it might be a consequence. I may be able to fix it with custom CSS. Are you able to send me a live link/URL to your search page so I can take a look?

[Anonymous]

Hi @trevor, it’s me again. i’m actually still facing this issue which have been bothering for 3 days in a row but i can’t help to write in to you instead…allow me to elaborate. Kindly watch this video first. It’s not long i promise.

https://photos.app.goo.gl/vwcz2KBVGjptauDL7

Right now my issue is this : i can’t seems to get the perfect display to present to my customers.

Info : I am using elementor pro to build the page from scratch. using the portfolio widget as well as S&F plugin. I have used your integration method step by step from your documentation here. https://searchandfilter.com/documentation/3rd-party/elementor/

Problem : As you can see from the video, i would like to display my results in a card layout.
When i set Masonry = off , i always get a unwanted grey box out of nowhere whenever i search for a result.
When i set Masonry = On, Yes! the grey box is gone!!! but… my alignment for the card would be Not be align if i set my title of the card to be 2 rows.

I hope you understand my concerns…. can’t seems to progress far. any professional suggestion from you?

[Anonymous]

Hi, thanks for the reply trevor.

I did follow everysteps mention in that document. but i manage to “solve” it.

What i did : went over to elementor page builder> under post widget > i need to set “masonry” function to “on” and everything is back to normal. Guess that did the trick.

Though im not so sure if that’s the correct to “solve” it. hahaha but cheers anyway! hope you got a great day trevor. and love your plugin sir.

[Anonymous]

Hi!

I’m currently displaying my custom form and search results using the WPBakery Add-on, specifically with the “Post Masonry Grid” module on this webpage.

Since I’ll be displaying a good amount of items and I can’t get AJAX to work, I opted for pagination, showing 15 items at a time (selected under the S&F “General” settings, having the “WordPress pagination” option selected on the “Post Masonry Grid” WPBakery add-on).

I realized that my default pagination is a bit lacking, so I installed WP-PageNavi. Following the plugin’s instructions to find and replace the necessary code (at “search-filter-pro/templates/results.php”), I saw example code to support WP-PageNavi already inserted.

The output from WP-PageNavi wasn’t appearing, so I tried following WP-PageNavi’s instructions to the tee, replacing code as specified, but still, the default pagination is displayed.

Hoping to see if you might have suggestions or guidance here. Thinking it might be because I’m targeting the wrong code to replace.

Thanks!

Jameson