AJAX not working on filters

  • Resolved grrinkel93

    (@grrinkel93)


    3 months, 2 weeks ago

    We setup filters for all our product subcatagory pages. However, when we enable the ajax function, it doesnt work. We just get the logo showing and spinning loading sign never ending.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Taha

    (@tahaamin)

    3 months, 2 weeks ago

    Hi there,

    thanks for your message.

    To keep the sorting after applying filters, please use the “Sort by” option from inside the WBW Product Filter instead of the default WooCommerce sorting. This way, sorting and filtering work together in the same request.

    Steps:

    1. Go to Product Filter settings
    2. Add the Sort by element to your filter
    3. Choose the sorting options you want (Price, Date, etc.)

    If the issue persists, please also check:

    • Options → Main → Enable “Force Theme Templates”
    • Make sure the Product container selector is correctly set

    This usually resolves the behavior with AJAX filters.
    Let us know if you need any further help.

    Best regards,

    Thread Starter grrinkel93

    (@grrinkel93)

    3 months, 2 weeks ago

    I tried this and still had no success. The AJAX doesn’t seem to work at all. And in other cases, wont show products in certain categories that are clearly there.

    Taha

    (@tahaamin)

    3 months, 2 weeks ago

    Hi there, thanks for your message.

    To ensure your AJAX filters work correctly, please make sure you have tried all the following steps carefully:

    1. Page / Redirect Settings
    • Go to Options → Main → Display on Pages.
    • Verify the filter is assigned to the correct page (Shop, Category, or Specific page).
    • If you want results on a different page, enable Redirect after filter selection and select the target page.
    1. Product Container Selector
    • Go to Options → Main → Product Container Selector.
    • Enter the CSS selector of the element wrapping your products (for example: .products-grid).
    • This ensures AJAX knows where to replace the filtered products.
    1. Force Theme Templates
    • In Options → Main, enable Force Theme Templates.
    • This helps if your theme uses a custom product layout.
    1. Third-Party Prefilter
    • Go to Options → Content → Enable third-party prefilter.
    • This allows the filter to work with builders or layouts that don’t use standard WooCommerce loops.
    1. Check for JavaScript / Theme Conflicts
    • Open your browser console (F12) and watch for any JS errors when applying a filter.
    • Try temporarily disabling other plugins or optimization scripts that may interfere.

    Please test all these steps and let us know whether the issue persists.
    If it does, share your theme name, a screenshot, or a short video of your settings so we can reproduce the issue and investigate further.

    Best regards,

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Tags