Forums › Forums › Search & Filter Pro › Elementor Post Widget not filtered
Tagged: ajax, Elementor, Post Widget
- This topic has 17 replies, 2 voices, and was last updated 5 years, 8 months ago by Trevor.
-
Anonymous(Private) February 1, 2019 at 2:40 pm #200917
Hi S&F 🙂
i am trying to filter posts of a specific category by tags. With “no” filter applyed it should show my all posts of the category.I cant get it to work, even so i think i did all accordingly to the documentation and forum posts. The Filter of Search%Filter Pro do not get applyed and it only shows the posts according to the “Query”- of the Elementor Post Widget. Heres what i did:
-
Created new Search form with Display results method “Custom”.
Set Results URL to the URL where the Posts Widget is at
Added “Tag” and “Reset Button” to Searchform UI
Added a HTML Block on the Page in Elementor saying “[searchandfilter id=”2514″]”
Added a HTML Block beneath the previous Block on the Page in Elementor saying “[searchandfilter id=”2514″ action=”filter_next_query”]”
After that comes the Post Widget with a specific class
Added that class to Display Results->Ajax->Ajax Container and added “.elementor-pagination a” to Pagnation SelectorTrevor(Private) February 1, 2019 at 4:36 pm #200960OK. Is the Masonry option ON in the Elementor Post Grid? It is best to be ON.
In the text block where the
[searchandfilter id="2514"]
is, add also this code (in Text mode):<script>(function ( $ ) { "use strict"; // detects when the ajax request has finished and the content has been updated // re-init the layout scripts from Elementor $(document).on("sf:ajaxfinish", ".searchandfilter", function(){ elementorFrontend.hooks.doAction('frontend/element_ready/posts.classic', jQuery('.elementor-widget-posts')); }); }(jQuery));</script>
-
AuthorPosts