@teekid – If your popup size is set to one of the responsive sizes, then by default it will change to 70-90% of the device width on mobile screens. This is how responsive popups function. Also you don’t want the popup set to use Position fixed so that it scrolls with the screen allowing users to scroll through the content.
If you wan’t to do it the way you described you would need to check out the Advanced Targeting conditions so that you could essentially set up a mobile only popup that had custom size of 100% x 100%, position fixed and used the scroll-able content option available when you choose custom size.
Hope this helps.
Thread Starter
teekid
(@teekid)
@danieliser – Thank you for the prompt responses and the continued support. However, I still had a few questions.
1.) In terms of Advanced Targeting conditions, I don’t see the option for mobile devices. I see “Target Conditions” when I open New Popup but only pages are available as check boxes.
2.) When I change size to “Custom” in Display Settings and change width to 100%, I don’t see an option that activates scroll-able content. Is there another section?
3.) Also, is there a way or perhaps you can direct me in the right direction when scroll is enabled the close button is inactive/grayed out until the user scrolls to the bottom?
Ideally, when scroll is enabled I want the user to scroll to the bottom before they can close the popup.
Many thanks for your help.
Teekid
@teekid – Advanced Targeting Conditions is an extension available via our store.
2) If you uncheck the Auto Height option so that height is definable then scrollable content checkbox should show. This will be fixed in an upcoming update so that selecting responsive sizes automatically unchecks that box.
3) This would have to be done via JS, sounds like an excellent idea for one of the extensions currently in development for Terms & Conditions popups, which will require checking the Agree box to close them before proceeding. Scrolling to the bottom may be a great addition to that. As far as how it could be done you would need to do qutie a few JS functions on several different events to get it working. If you are comfortable with JS I can definitely point you in right direction.
Thread Starter
teekid
(@teekid)
@danieliser
Not very good at JS yet. To keep it simple, I’m thinking of just adding a close button into content section at the bottom of the text and hiding the default one. Do happen to have the html code for the close button?
Many thanks,
Teekid
@teekid – Not sure what you mean html code. You might want to try the browser inspector. Right click n it an then click inspect element. Works in Firefox and Chrome.
Thread Starter
teekid
(@teekid)
@danieliser – Thanks for your help on this matter. I am definitely interested in your add on for T&C extension. Do you know how far you are out on this?
In the meantime, I was hoping to remove the close button completely from the pop-up container and moving it into the content area. So when the user scrolls the close button would appear at the bottom. Do you know which file the code for close button is?
Furthermore, I can pay for the temporary extension if you have something working for what I need.
Look forward to hearing from you.
@teekid – I can try to have a usable extension( not polished ) later this week if that will help.
Thread Starter
teekid
(@teekid)
@danieliser – that would be great.
Not sure which direction you will be going with the extension but ideally it would be great for the close button to have an option of being inactive/un-clickable until users scrolls to bottom of text.
Thanks again.
@teekid – If you take a look at the AJAX Login Modals & Age Verification Extensions you will see that they both disable the close button ( Forced Login only for AJAX Logins ).
This will be no different. This is what I’m thinking.
- Shortcode [terms-conditions]Terms & Conditions Go here[/terms-conditions] – This allows you to not only add your T&C in the editor, but also to add additional content above/below it.
- The shortcode will create a scrollable box.
- To close/disable the popup from opening again and to view the content behind it, you will need to check the accept box.
- Additionally there will be an option that requires users to scroll to the bottom of the scroll box before the checkbox will be active. Until then it will be greyed out.
Sound good? Did I miss anything?
Thread Starter
teekid
(@teekid)
@danieliser – that sums it up.
Also, I had one other issue on mobile devices. The popup is currently on a one-page WordPress theme and I add css to have the content area scrollable for the time being, but when you scroll the the content area in the popup it moves the site as well. Often time moving both the popup and site, causing the popup to move in weird ways on mobile devices.
Is there a way to scroll the popup without having the gesture transfer to the site?
Many thanks again and will wait until the extension is ready for purchase.
@teekid – That one would require some research. If they scroll the text box by touching inside it it shouldn’t translate to the page. Sounds like the box isn’t big enough on mobile maybe?
Thread Starter
teekid
(@teekid)
@danieliser following-up on our conversation earlier in the week about an extension. Is there an update on progress?
Best,
Teekid
@teekid – Yes, I’m actually working on it right now. Ill get a product created on our site in just a bit so that you can purchase it ( so that you get a valid license and updates/support access ), I will email you advanced copy as well, but you won’t have access to updates and support without the license.
Thread Starter
teekid
(@teekid)
Perfect! Will wait on that.
Thanks again.
@teekid – Ok tested and looks like it should serve the purpose well. Gonna throw it up at https://wppopupmaker.com/extensions/terms-conditions-popups/
I put it up at $14, but would like your honest feedback as to what you think would be a fair price for final release of 1 site. Most of our utility plugins are going through major updates and are being sold at around $24. Just curious to see what you would be willing to pay for something fully functional. Keep in mind that your not just paying for the extension, since you don’t just get the functionality in the extension, but rather the extension plus the core. So the value of the extension lies in the fact you get fully functional Terms & Conditions popups but with all the flexibility, themeability of Popup Maker core. Does that make since?
You will get the files when you purchase there as well.
