Integrating elementor pro with Search and filter Pro

Anonymous

#187607

This reply has been marked as private.

Trevor

#187616

That has text modules, so if you already have one on the page, edit that and add that code to it, or add one to the page and put the code in that.

Anonymous

#187622

This reply has been marked as private.

Trevor

#187624

If I edit that page (which you currently have open, so I can’t right now), where did you put the code? I ask because in the code I put something that reports in the console that it had run, and that does not appear there in the console after a search.

Anonymous

#187630

This reply has been marked as private.

Trevor

#187641

OK. I added a plugin called Simple Custom CSS and JS

I made the CSS to this:

body.sfajax .elementor-336 .elementor-element.elementor-element-e34e354 .elementor-posts-container .elementor-post__thumbnail {
  padding-bottom: 0 !important;
}

And then I added some JS to add the sfajax class to the body once a search had been started:

(function ( $ ) {
  "use strict";
  $(document).on("sf:ajaxstart", ".searchandfilter", function(){
    jQuery("body").addClass("sfajax");
  });
}(jQuery));

Anonymous

#187739

This reply has been marked as private.

Trevor

#187746

If you look at the css I used, it has two numbers in it the Elementor places on its elements to identify them. They will change from page to page. You will need to examine the page code in the browser inspector to see what and where they are on the page that works, and then work out what they changed to on the page that does not.

Anonymous

#187783

This reply has been marked as private.

Trevor

#187786

Yes, I think Elementor also allows you to add your own custom CSS classes to various parts. All you need to do is figure which part puts those classes where in the output code.

[Author]

Posts