NO BUG / SOLVED: Popup trigger don't work as expected

The user Michael Amend wrote on Facebook that he has issues to get an animation with a popup to work.
Thread: Bricks Community | Facebook

Tried to recreate the issue and found that I wasn’t able to create a working popup trigger with 1.7.1 at all.
Used the same workflow as in 1.7:

  • created a popup template
  • created a trigger (tried text and button) in the site
  • created a interaction and choosed click + show element + popup + templatename.

It don’t work.

solved.

Found out what I missed (used in my old usecase a template in a template) and also what was needed to create the animation. Thanks! :slight_smile:

1 Like

Yes. it is also not working for me.

Popup conditions = entire website or page you want it to appear on?

1 Like

With condition “entire website” it works. But the condition was in 1.7 not neccessary (double checked it)

Can you please check if any kind of animation works for you? I don’t use popups that much but I don’t get any kind of animation within the interactions to work.

[solved] - got it already with the animation. :slight_smile:

So you mean you didn’t add a condition on the popup template at all? I don’t think that this ever worked since the popup markup isn’t included in the source code at all in this case.

Or am I misunderstanding you?

1 Like

It may not have been intended that way, but yes that is exactly how it has worked so far.
If the popup didn’t have a condition, you could trigger it normally via link / button.

Can’t make it work that way using 1.7…

Can’t add video that quick here. Sent it to you via facebook. :slight_smile:

i have always needed to set a condition for it where to appear. or else it never did. check websquadron’s youtube video on popup and offcanvas.

1 Like

aslotta and me checked the difference. In my usecase I triggered the popup from another template (cpt based) there you don’t needed to define a “whole site” condition if you use a template element that load the popup…

So I implemented the whole thing completely as in the Websquadron video. Everything works except for the animation and I don’t know why.

I’ve been trying to implement the Websquadron video Bricks 101 - Part 31 - Off-Canvas Pop-Up Menu using Bricks Builder 1.6 BETA & Interactions - #bricks - YouTube and have the same issue: I can’t make the popup slide in with an animation by using an interaction on the popup with the following settings. I notice the options are slightly different to those in the video because of the bricks version so perhaps I have something wrong:

Trigger: Show Popup
Action: Start Animation
Animation: SlideInRight
Duration: 2s
Delay: 0s
Target: Self (also tried Popup >> mypopup)

I have solved this. I will post an answer when I have a moment.

Hey there
Is someone still having this problem with the Show Element > Popup interaction?

A pop-up that was working fine before is not working now (I’m not sure since which Bricks version).
I have a simple Show Element > Popup interaction on a Button element, and it’s not working

HOWEVER, when I change target to CSS Selector and add the popup class (.brxe-popup-1018), it works fine.

Notes:

  • The popup template is being loaded correctly on the page, just not shown when the button is triggered.
  • Other interactions on the same button, after the popup triggering one, are working fine, so the event on the button is working, just not triggering the popup.
  • Again, when I change target to CSS Selector and add the popup class (.brxe-popup-1018), it works fine, so the error seems to be in the Target: Popup setting.

Regards
SerafĂ­n | eLearningWP

@eLearningWP

Did you set the popup template conditions to show on the whole site or the specific page?

In v1.8.1 choosing the condition of Front Page doesn’t work for the page assigned to the Front Page, I still had to pick the “indivitual” page for the condition.

I had a similar issue, but it was intermittent. I found that Perfmatters settings on the page (found in the WP editor when clicking into the popup templates) were set to delay/defer JS on the template. Turning that off seemed to fix it so far.

1 Like

@sebastianberger mind going into more detail what you mean about this:

aslotta and me checked the difference. In my usecase I triggered the popup from another template (cpt based) there you don’t needed to define a “whole site” condition if you use a template element that load the popup…

Have you checked the compatibility of “SlideInRight” in the animation settings? Because Bricks sometimes changes the name or animation setting when updating. Have you tried experimenting with the “Trigger” and “Target” fields, instead of “Self”? Or did setting the target explicitly “Popup >> mypopup” help? Have you tried reducing the animation duration a bit? Because longer animations can sometimes fail depending on the popup settings.

No, we don’t :smiley:
At least I am not aware of any changes to the naming in https://animate.style/ (that is the CSS animation library we have been using for a long time).