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)
  • Anonymous
    #204533

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

    Anonymous
    #204534
    This reply has been marked as private.
    Trevor
    #204568
    This reply has been marked as private.
    Anonymous
    #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
    #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.

    Anonymous
    #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
    #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?

    Anonymous
    #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
    #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.

    Anonymous
    #209858

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

Viewing 10 posts - 1 through 10 (of 11 total)