Forums Forums Search & Filter Pro Button with popup elementor does not work after filter the posts

Viewing 3 posts - 1 through 3 (of 3 total)
  • Anonymous
    #239108

    In this link: https://dev.abuonrendere.org/buoni-e-negozi/modena
    The results of my filters are posts that have a button with an elementor popup that doesn’t open after the click.
    If u click before filter the button “Richiedi buono”, the popup works. But after filter, when the results change, the button does not open the popup, I think this is a bug or a problem of compatibility between the plugin and elementor.

    The link of the component html of the button that run the popup is the same before and after the filter:

    Before: https://dev.abuonrendere.org/buoni-e-negozi/modena/%23elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjE0NDciLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D

    After: https://dev.abuonrendere.org/buoni-e-negozi/modena/%23elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjE0NDciLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D

    Why after the filter popup does not work??!?!?

    Trevor
    #239117

    Is this function from an Elementor option of a third party Elementor addon plugin?

    I can explain what happens and goes wrong. The page loads with the HTML you see. The popup button function comes with extra JavaScript code that runs when the document is ready, that attaches the popup to the button.

    When you make a search, the posts are refreshed, but the popup button function does not see this happen (it is coded only to look at a full page load) so there is no popup code attached now to the buttons.

    What will need to be done to fix this?

    Two things. One from us, to supply you with a JavaScript code snippet to help re-attach the popup function, and then, you need the code to actually re-attach the popup. The latter must come from whoever wrote the popup function (not us, so either Elementor or the third party popup button plugin author).

    The code snippet from us looks like this:

    <script>(function ( $ ) {
      "use strict";
      $(document).on("sf:ajaxfinish", ".searchandfilter", function(){
        // call your script or function here
      });
    }(jQuery));</script>

    You would probably need to show this to whoever you ask for the code to go in place of the commented out line in my above code.

    Trevor
    #248171

    Hi Paolo

    We’ve just released version 1.0.3 of the Elementor Extension.

    You can grab it from you wp dashboard shortly, or head to to the documentation and download to perform a manual update. Note this guide shows how to use this new exetnesion, so the setup method may be different to what you have used, so you would need to change the setup also.

    This update includes a fix for search forms in Elementor popups 🙂

    Let me know how you get on.

    Thanks

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