Support Forums

The forums are closed and will be removed when we launch our new site.

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

Forums › Forums › Search & Filter Pro › Ajax loading pages breaks filter

Viewing 10 posts - 1 through 10 (of 14 total)
1 2
  • Graeme Boyes
    (Private)  May 8, 2017 at 6:44 pm #107399

    I am loading my web page using Smoothstate.js to add transitions and loading between pages. When I go to my filter page it breaks the filter with this method. Is a there a function I can call to load/init the filter again?

    Trevor Moderator
    (Private)  May 8, 2017 at 9:29 pm #107482

    If you are talking about when using Ajax, this js code is what you need (but need to know what the code is to call that smoothstate.js):

    <script>(function ( $ ) {
  "use strict";
  $(document).on("sf:ajaxfinish", ".searchandfilter", function(){
    console.log("ajax complete");
    // load or trigegr your smoothstate js code here
  });
}(jQuery));</script>
    Graeme Boyes
    (Private)  May 9, 2017 at 9:45 am #107565

    Thanks Trevor – I was looking at those functions sf:ajaxstart and sf:ajaxfinish but I don’t think they’re what I need.

    Smoothstate is to give a developer control over page transitions so it fetches all content on the site from ajax and injects it in a container. So Smoothstate runs first then I need to load in the SF filter. Here’s an example of Smoothstate working: http://aaronporter.co

    Trevor Moderator
    (Private)  May 9, 2017 at 11:02 am #107582

    I see. I would need to refer this to the developer, Ross. Before I do, do you have a link to a page where this is broken?

    Graeme Boyes
    (Private)  May 9, 2017 at 4:03 pm #107698
    This reply has been marked as private.
    Graeme Boyes
    (Private)  May 9, 2017 at 4:05 pm #107700
    This reply has been marked as private.
    Trevor Moderator
    (Private)  May 9, 2017 at 5:22 pm #107727
    This reply has been marked as private.
    Graeme Boyes
    (Private)  May 9, 2017 at 6:14 pm #107762
    This reply has been marked as private.
    Trevor Moderator
    (Private)  May 9, 2017 at 6:57 pm #107778

    Looking more closely at the page HTML, there appears to be some custom CSS hiding the real option boxes. Do you have any idea where that is coming from? It looks like it may be a file called plugin.min.js

    Even when I manually reveal the select box by making the opacity 1 it still does not trigger the javascript to reload the results. If your smoothstate code is disabled, then all works OK?

    Graeme Boyes
    (Private)  May 9, 2017 at 7:07 pm #107782
    This reply has been marked as private.
  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 14 total)
1 2

The topic ‘Ajax loading pages breaks filter’ is closed to new replies.