Opening a popover from header/footer with button

General
1

Hi there!

The popover wouldn’t open in the page/blog post. Is it even possible to make it from there?

I basicially inserted the popover (newsletter form) in the page and linked it through it’s ID to the button (Newsletter) in the footer. But it won’t open.

Furthermore I tried to trigger the popover directly from the page with a button, to see if it works.
In this case it would open, but not hide.
Hide on was set to click outside.

Thanks

Screenshot 2023-11-17 at 06.56.20

2

What do you mean by “the body”?

3

Sorry
I meant the actual page/post.

4

Are you saying you have defined the Popover block in the post but you are triggering it from a completely separate footer template or is your footer within the page/post you have the Popover block in?

5

The footer in that same post/page.

6

There are effectively two primary ways to trigger the Popover:

  1. If you are only triggering the Popover from a single element, you can simply specify the ID in the Trigger ID field:

Screenshot 2023-11-17 at 17.29.24

If you do this, you won’t need a separate action, this just works.

  1. Alternatively, if you need to open the Popover from multiple elements, you can specify the action for these elements:

Screenshot 2023-11-17 at 17.32.48

In this case you need to ensure the Popover is not activated globally:

Screenshot 2023-11-17 at 17.34.53

As always, please note the following tip:

Hopefully this sorts out the issue for you.

2 Likes
7

@StrangeTech’s last post can be directly moved or reposted in the Tips category as it is. It covers Popover triggering and what to watch out for.

1 Like