WP POPUP does not work with ID trigger after new update

Are you using a link? Check the popup new ID and use the class attribute spu-open-123 where 123 is the ID of the new popup. For example:

<a href="" class="spu-open-123">Click here</a>

I use the ID method to trigger a popup. I user #spu-open-123 in the link area to open the popup. Also, the full link also not working.
<a href=”/#spu-open-123″>Click Here</a>
<a href=”example.com/#spu-open-123″>Click Here</a>

I previously used the ID method to open popups. For the element where I can use or add class. Like a module or widget of any page builder where I can only upload images and add links. How to resolve this issue?

Here is the popup link
https://cindybriggs.com/#spu-open-8677

When you visit https://cindybriggs.com/, it will open a popup as an automatic trigger after certain seconds. Also, by clicking on the vertical navigation subscribe link where I used the class trigger. But it can’t open with an ID trigger.

I do see the popup when I visit https://cindybriggs.com/#spu-open-8677

Yes, you see the popup because there is auto trigger popup when you load the page. Any page or link of website.

when you scroll down the home page there is a link to subscribe. If you click that link popup wont show up.

I see what you mean but there is no much I can do about it. If you visit from a clean browser https://cindybriggs.com/#spu-open-8677 you see the popup.

But when you are already on the page and click that link it won’t refresh the page, it will try to navigate to that ID, hence it won’t show.

What about trying to add this code particulary for that popup

add_action('wp_footer', function(){

?><script>
window.onload = function() {
var tlink = document.querySelector('a[href="#spu-open-8677"]');

tlink.addEventListener('click', function(){
window.wppopups.showPopup(8677,true)
});
}
</script><?php
});

Let me explain. There are two different popups. One open when you visit any pages of website, which is triggered in certain seconds after page load.

Another is the version of same popup but with manual class trigger. Which works fine with every link that have the popup class, without page reload. But the same popup, if I want to use in some widget where there is no place to add class and only fields to add image and a link, it is not working.

if you see the subscribe link in the hamburger Navigation. It is working without reloading the page. So if there is a trigger by link, it will open the popup as many time as we want. And there is no page reload.

In previous version, I used ID trigger in the same place and it was working fine. After the update ID trigger changed with class trigger. After that it is not working.

• This reply was modified 1 year, 3 months ago by harsh.khatri1210.
• This reply was modified 1 year, 3 months ago by harsh.khatri1210.

We haven’t changed that code, so the update was made on something else. Have you tried the provided code?

Yes. I added the code to the function.php. And still not resolution. This same issue happened to multiple website. Not only this one. But on other website am able to ass class to the link. On this particular homepage(https://cindybriggs.com/), I can’t add class, Have to work with link with ID.
Any other Resolution you can suggest?

I just viaited your site and the link now opens the popup everytime with the provided code. Is still not opening for you? Try clearing your cookies