mark l chaves
Forum Replies Created
-
Hi @punkandrock,
We’re going to mark this thread as resolved since we haven’t heard back from you.
Please feel free to start a new thread or submit a help request π
https://wppopupmaker.com/support/
Have a great day!
Hello @reedy,
I just applied to your homepage solution 1 from this help guide.
https://docs.wppopupmaker.com/article/544-your-popup-is-not-displaying-on-your-homepage
After I added the CSS, I could see the “Not ready for a …” popup display after I closed the first popup.
Can you please give it a try and see if that works for you?
We hope that helps. Let us know if you need anything else.
Have a great day π
Mark
Hello @punkandrock,
We’re sorry you’re seeing that Permission denied error.
I can reproduce the error using Firefox on Windows 10. But, when I use a Firefox private window, there’s no issue.
Here’s a short screencast of what I mean.
https://share.getcloudapp.com/9Zudz6mg
Can you please try using a private window or disabling all of your addons?
If that doesn’t work, this Firefox support thread outlines some other steps you can take.
https://support.mozilla.org/en-US/questions/1293736
Let us know how that goes π
Hello @qwik3r,
Thanks for the follow-up.
For concern #1, you can set up your Popup Maker popup however you want. The automation doesn’t interfere with the internals of your popup. When you review the gist, you should see that it simply automates the enabling and disabling (wake up and sleep) of the notification popup of your choice.
Concern #2 isn’t really applicable with the automation I recommend. If you look at the code, you should notice that it’s tailored to work with 1 popup only.
I’ve added a README file to the code gist that explains more how the automation idea works. Please check it out. Here’s the link again.
https://gist.github.com/marklchaves/2c08d4976fa54604352541302f7c2548
Since this automation goes beyond Popup Maker and this thread is already closed, please post any questions about the automation directly on the gist.
Cheers!
Hello @davidcb13,
That’s great that you’re planning to optimize your popups!
If you just want to find all the triggers on a page, there are a couple of snippets that can help you.
1) You can run this in the console for each page or add it as a bookmark and click the bookmark for each page. This one will visually highlight the Popup Maker triggers on a page.
https://gist.github.com/marklchaves/59aec333bd8b6732aa29ba52d6fa1468
2) This one is a Chrome snippet that will outline the triggers on a page, but also list the actual HTML element in the console too. You can load it, save it, then hit run for each of your pages.
https://gist.github.com/marklchaves/2ad3e8421bcf737e627532bde8850728
Note: You’ll see a list of all the triggers in the hidden popups too. You’ll need to ignore them or update the code to ignore them.
We hope that’s what you’re asking. We’ll close out this thread for now, but please feel free to start a new thread or contact support π
Hello @qwik3r, @mariatogonon,
I hope you don’t mind me jumping in.
That’s a great question @qwik3r.
One idea is to have your popup “sleep” until a post goes from draft to publish. Have the popup “wake up” when a post goes from draft to publish. Then, have the popup go back to “sleep” after a week or so.
If you’re game and assuming you have your new post popup already created (hopefully, it’s a time delay popup), you can do the following:
1) Disable your new post popup first.
2) Write an action to hook into
draft_top_publishto re-enable your popup when a post goes from draft to publish state.3) Write a cron to disable (reset) the popup after a certain length of time (e.g., weekly or monthly).
Here are examples of the hooks you’d need.
https://gist.github.com/marklchaves/2c08d4976fa54604352541302f7c2548
Shout if you have any questions π
NOTE: Make sure your post is always saved as a draft first before it’s published.
P.S. If you come across any other ideas, please share.
Hi @imielsen,
Do you mean something like this?
https://streetphotography.blog/back-to-back-popups-demo/
Each popup has a button I hand-coded. Here’s an example source code of one of the NEXT buttons.
<button class="launch-slide4" type="button">NEXT</button>So, to get this to work:
– All the popups are using the default appearance
– Each PREVIOUS and NEXT button has the class for the Click Open trigger for the popup they should display
– You’ll need to add this custom CSS to your site as wellShout if you have any questions π
Hello @wci,
We haven’t heard back from you in a while. So, we’re marking this thread as resolved.
If you’re still having an issue, please send us a support request at the link below.
https://wppopupmaker.com/support/
Thanks so much π
Mark
Hi @wci,
Thanks for making your test page available. I think I see what’s going on. The lightbox you’re using has a low
z-index(lower than Popup Maker’s default). So, the enlarged versions are displaying, but they’re hidden under the Popup Maker popup window.Here’s what happens when that Popup Maker popup’s
z-indexis set to 10.https://share.getcloudapp.com/lluN19qR
Can you do us a favor and head over to your popup’s Popup Settings > Display > Advanced? Then, change the Popup Z-index setting to 10.
You can see what that setting looks like in this help guide.
https://docs.wppopupmaker.com/article/342-popups-display-in-front-of-screen-content
Please give that a try and let us know how that works out for you.
Thanks!
Hello @stevendigital,
Excellent. We’re glad that it’s working now π
OK about the missing semicolon. Semicolons are totally optional in JavaScript unless you’re running in
strictmode. But, I added a;to that line of code in the gist.Have a great weekend!
Mark
Hi @stevendigital,
Those screen captures helped a lot.
That’s an interesting edge case. I was able to reproduce it, but only on my browser dev tools. I don’t see this happening when I bring up your site on my iPhone.
Anyway, if you see this happening on your phones, here’s one way to fix it. Warning, you’ll notice there’s a bit of trickery going on in the code.
Code: https://gist.github.com/marklchaves/c9ec7d69e946fa3c9a3fcf3c3d886ca1
Result: https://share.getcloudapp.com/7KuP9R0N
Shout if you have any questions π
Hello @stevendigital,
Great. Glad that worked for you.
I’m not exactly sure what you’re asking about having the popup’s content top-centre for mobile.
Do you mean something like this?
@media (max-width: 1023px) { #popmake-21766 .popup-title { text-align: center; } #popmake-21766 .popup-title img { margin-left: 50%; transform: translate(-50%,0); } #popmake-21766 .popup-parag { text-align: center; } #popmake-21766 .pum-content.popmake-content { text-align: center; } }Result https://share.getcloudapp.com/mXupXZ2g
Please let me know.
Thanks!
Hi @stevendigital,
Thanks for all the helpful background info.
Here’s one custom CSS option that seemed to work on your site.
@media (max-width: 1023px) { #popmake-21766 { top: 3% !important; overflow-y: scroll !important; height: 90vh; } }Tweak any of those values as needed. Instructions for adding CSS to WordPress.
Let me know how that goes π
Thanks!
Hi @sevda1994,
Copy the code in this gist (except for the first line, i.e., line #1).
https://gist.github.com/chavesm/1c9eb33ad489ccaecc606401f9bbd1b3#file-remove_type_attr_add_async-php
Then, paste the copied code into your child theme’s
functions.phpfile.Save your
functions.phpfile. Purge your caches. Reload your site while not logged-in as an Administrator or Editor. Inspect your page’s source.You’ll see the
asyncattribute now show up like the screen capture in the gist (see below).As documented in the code comments, the code in the gist adds that
asyncattribute to the script tag for thegtaglibrary. That means the browser will load Google’sgtagJavaScript library asynchronously (in parallel with other files) to reduce render blocking πLearn more about the
ayncattribute for the<script>tag here https://developer.mozilla.org/en-US/docs/Web/HTML/Element/scriptThanks!
Hello @nasarakhan,
We’re not completely following this question.
but thereβs a slight problem that once the user has created his posts, there is no link or option which can redirect him to his post
Can you break this down a bit more? Once an author publishes a post in WordPress, WordPress creates a URL (permalink) that they can use to view their post?
Is this what you’re asking? Or, was there something else?
Thanks!