This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Category page with Ajax filter and search

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Category page with Ajax filter and search

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #46136
    georgegeorge
    Participant

    I am trying to build a category page with Ajax search and filter. My url:
    https://www.gameforce.blog/category/faqs/

    I want to select the sub-category to filter the posts in that category. I followed this tutorial, but it did not works as my expectation. Instead of filter the already shown posts in the page, it show the results in live search box. Please see my screenshots.

    https://knowledgebase.ajaxsearchpro.com/miscellaneous/tutorials/demo-setup-staff-search-and-filter

    Is there any option that I missed?

    Thanks in advance.

    Best regards,
    Cactusthemes

    #46145
    Ernest MarcinkoErnest Marcinko
    Keymaster

    Hi,

    The most likely cause is that you may need a customized DOM selector. Based on your page layout, try this:

    .main-content .block-wrap .block-content

    Put it here.

    #46182
    georgegeorge
    Participant

    Thanks for your valuable information.

    I missed that option. But I just configured as you suggest, the search behavior is correct, but the results does not load correctly. They always are same.

    Can you help?

    Best regards,
    WP Stylish

    #46194
    Ernest MarcinkoErnest Marcinko
    Keymaster

    Hi,

    The search should be okay – but the category filtering on the category page might be a problem here. See you try to filter the items in the “Faq” category page to switch to a different category from the same taxonomy. But because this is a specific taxonomy term (Faq) archive page, it’s not possible to simply change it to another one, as that is a different archive alltogether. An archive page for a category should always display items matching that category – because that is what it’s made for.

    This could very likely work on the post type archive page though – so showing everything from that post type then filtering by taxonomy or vice versa.

    Another possibility is to not use the archive for that, but simply use the plugin on a separate single page, preset the filter to the “Faq” item, then enable the auto populate. That way it will automatically show the items for that FAQ in the search results container, and the user can switch to a different categor – like this example.

    #46214
    georgegeorge
    Participant

    Hi,

    Thanks for your information.

    So as I understand, It’s unable to place a category filters on a category page, right? So I just created a page with Elementor, using the Posts Block widget (from theme) to show the posts from FAQs category. Then I added the class (asp_es_1) to that Elementor widget to trigger live search/filter, but no luck. As you can see, my page does not have live search or live filter.

    – When I typing keyword, I have to click on Search icon to see the results.
    – When I select category filter, the posts block seems like reload, but always same results.

    Can you take a look?

    Sorry for bother you, the plugin is powerful so it’s also difficult to configure, at least for me. 🙂

    https://www.gameforce.blog/faqs/

    Best regards,
    Cactusthemes

    #46218
    Ernest MarcinkoErnest Marcinko
    Keymaster

    Sure!

    Are you using the default posts or products widget there? Custom made widgets or addon widgets may not recognize the override and will simply ignore the custom query.

    The loop grid with the posts widget may work, but it has not been tested for 100% of the cases yet. I suggest staying with the default posts widget, that should work all right.

    #46227
    georgegeorge
    Participant

    Ah, but Posts widget only available for Elementor Pro. So can you suggest another simple way to accomplish my requirements? 🙂

    #46232
    Ernest MarcinkoErnest Marcinko
    Keymaster

    Sure!

    Instead of using Elementor altogether, you could make something like this (on the right side), using only the search plugin.

    For that:
    – choose any horizontal theme
    – turn off the horizontal scroll
    – turn on the load more (if you want to)
    – turn on the auto populate
    – change the results display mode to block

    Now place the shortcode anywhere on a page, and when you open the page the plugin will trigger and show initial results.

    #46233
    georgegeorge
    Participant

    Thanks for your prompt reply.

    So I only need to place Ajax Search Pro shortcode on empty page (default page template without any content). Ajax Search Pro shortcode will show the search box, filter and posts lists as my requirements.

    #46234
    Ernest MarcinkoErnest Marcinko
    Keymaster

    Yes – exactly, nothing else is needed.

    #46244
    georgegeorge
    Participant

    Thanks so much.

    I nearly get what I want. Only two things:

    – the filter is bottom of search result instead of above (screenshot)
    – can I make the page looks like a blog listing page? without box and longer…

    #46246
    georgegeorge
    Participant

    Hi,

    I found out the options to configure what I want. Thanks for your great support and the super plugin.

    Best regards,
    Cactusthemes

    #46247
    georgegeorge
    Participant

    Hi,

    I think this is my last question.

    Does the auto populate just show the posts from the selected categories in Front End Search Settings?

    #46254
    Ernest MarcinkoErnest Marcinko
    Keymaster

    You are welcome!

    Yes – the filters apply to the auto-populate as well.

    #46260
    georgegeorge
    Participant

    Thanks for your confirmation.

    You can close the ticket now. Thanks for your help again.

Viewing 15 posts - 1 through 15 (of 16 total)
  • The topic ‘Category page with Ajax filter and search’ is closed to new replies.