Support Forums

Looking for support? You can access the support system via your account.

Forums › Forums › Search & Filter Pro › How to display filter result on the current page like Genres in demo site

Viewing 10 posts - 1 through 10 (of 11 total)
1 2
  • Samuel Lo
    (Private)  March 10, 2019 at 11:52 am #204533

    How can I set to display the filter result on the current page like Genres in your demo site?
    My site:

    Samuel Lo
    (Private)  March 10, 2019 at 11:54 am #204534
    This reply has been marked as private.
    Trevor Moderator
    (Private)  March 11, 2019 at 8:43 am #204568
    This reply has been marked as private.
    Samuel Lo
    (Private)  March 13, 2019 at 10:36 am #204983

    Thank you for your reply.
    The link I provided is the ‘page’ in WordPress using Elementor. The products are made from “Post” which are not using the WooCommerce.
    Would you have a solution to resolve my issue?
    Thank a lot.

    Trevor Moderator
    (Private)  March 13, 2019 at 2:22 pm #205020

    Did you follow our guide for Elementor:

    https://searchandfilter.com/documentation/3rd-party/elementor/

    Even if you do not have Masonry enabled (it might not even be an option), use the guide for Masonry & Ajax, but, instead of this code:

    (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.init();
	});
	
}(jQuery));

    Use this code:

    (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));

    Note, if you are placing the code inline on the page (in a widget), it needs the <script>.....</script> tags around it.

    Samuel Lo
    (Private)  March 17, 2019 at 5:39 am #205339

    Hi,
    Thank you for providing the guide for Elementor. I follow the guide and I can now display the filter result on the current page.

    However, I found some minor problems need to been fixed as follow:
    1. My search results were showing very slowly.
    2. The post border is stretched, which causes extra white space to appear.
    white space
    How can I fix the above minor problems?
    Thank a lot.

    Trevor Moderator
    (Private)  March 17, 2019 at 8:13 am #205347

    Even though you may not have followed the guide section for Masonry and Ajax (maybe you are not using Masonry), did you include the JavaScript I showed in my earlier reply?

    Samuel Lo
    (Private)  March 20, 2019 at 4:23 am #205681

    I have added your JavaScript in the site. The function is working now.
    However, the search results were showing very slowly.
    Would you have any idea to fix the problems?
    Thanks.

    Trevor Moderator
    (Private)  March 20, 2019 at 1:53 pm #205725

    The speed with which the results are delivered are a factor of how complex (posts, fields etc) the task is, and the power and efficiency of your server (the physical assets of the server, CPU, memory etc, and the efficiency of the server stack – how well the server software is configured). From within the Search & Filter Pro plugin, there is nothing we can do to aid that.

    Samuel Lo
    (Private)  May 2, 2019 at 5:39 am #209858

    How can I put “product category” in Search Form UI? I have installed woocommernce.
    Please check this image.
    Thanks.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 11 total)
1 2

The topic ‘How to display filter result on the current page like Genres in demo site’ is closed to new replies.