Hi @trungtuans ,
We clicked the table of content items on https://www.magestore.com/blog/shipstation-magento-integration/, but no popup appeared.
See: https://share.getcloudapp.com/NQup0jv8
Could you confirm that those links are set to be popup triggers?
We also saw some JavaScript errors in the browser Developer Tools Console.
See: https://share.getcloudapp.com/p9uZJQkk
We used our debugging tools to open a popup, and the page did not go to the top after closing the popup.
See: https://share.getcloudapp.com/X6u71QE6
To make sure it’s not from the trigger settings:
- Go to “Popup Maker” > “All Popups” and Edit the popup,
- Go to the “Popup Settings” box > “Triggers,”
- Click the pencil icon on the right side of the “Click Open” trigger to edit it,
- Go to “Advanced” and make sure the “Do not prevent the default click functionality” is not checked/enabled,
You can also send us a message via Support Request – Popup Maker if you wish to share more information privately.
Let us know how it goes.
So sorry for not providing enough information. I’m using the “Time Delay / Auto Open” trigger, not “Click Open”. And the delay time is 15 seconds. So to reproduce the case, the steps are as follows:
- Click the link “https://www.magestore.com/blog/shipstation-magento-integration/#s4” or any link with section ID in the “table of content” (made with WPBakery Builder)
- The link brings users to the section X of the page/post
- Wait for 15s and then the popup appears
- When clicking the close button of the popup, the popup closes and also brings users back to the top of the page/post
Make sure you test it in incognito mode because we use the cookie method to prevent it from showing again for the same user in one day.
Plugin Support
Kim L
(@kimmyx)
Hi @trungtuans,
Thanks for the response. Looks like there’s a CSS conflict on the page.
Could you try adding this CSS code to Appearance > Customize > Additional CSS (or to wherever you usually add custom CSS):
/** Popup Maker CSS Fix */
.pum-overlay.pum-active,
.pum-overlay.pum-active .popmake.active {
display: block !important;
opacity: 1 !important;
}
We tested this on a browser and it worked. 😊
See our test here: https://share.getcloudapp.com/YEu49RnE
Let us know how it goes.
Thanks for the code. I added it to the theme’s custom CSS but it doesn’t solve the issue like in the video. I don’t know why. I still leave the code live so that you can do a further check.
Hi @trungtuans ,
Thanks for the feedback.
Kindly send us a message with screenshots of the popups’ settings via Support Request – Popup Maker for more insights.
We’ll wait for your message!
