Integrating elementor pro with Search and filter Pro

Anonymous

#186853

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

#186863

This reply has been marked as private.

Trevor

#186899

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

#186965

This reply has been marked as private.

Anonymous

#186967

This reply has been marked as private.

Trevor

#187040

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.

Anonymous

#187113

This reply has been marked as private.

Trevor

#187224

If Search and Filter is not on the page, do the grey boxes still appear?

Anonymous

#187232

This reply has been marked as private.

Trevor

#187249

This reply has been marked as private.

[Author]

Posts