PopUp Aholic is your 100% FREE model popup box loaded with features & options!
PopUp Aholic came about because a client asked to have one on their Joomla! website to promote a fundraising event they were hosting. Simple enough, head over to the Joomla Extension Directory (JED) and grab one. Not so fast! Since this client is on a tight budget, the only 'good' popup model boxes were commercial and way too expensive (IMHO) just to display a model box on page loads! I quickey tossed together some basic code using Fancybox 2 (my favorite lightbox app) and got my client up and page-popping in an hour of their initial request.
★ Use your native Joomla! editor for designing content that will show within PopUp Aholic
★ Responsive or Static Box: Choosing 'Responsive Box' will allow your popup box to fit into any screen size (desktop, laptop, tablet or smartphone). Selecting 'Static Box' will bring up Width & Height options that you can set to your popup box needs.
★ Set Max Width: No/Yes option. If you select No, the Responsive popup box will span across the total left/right of your viewpoint. If you select Yes, a new option will display;
★ Max Width Value: Set this pixel value to limit the Responsive width of your popup box. Please note: your value MUST include 'px'. Example: 900px
★ Set Box Timer: Adjust this setting to pre-select how long the popup box will show on page load. The higher the value the longer the popup box will stay active.
★ Cookie expires in: No Cookie Session, Day(s), Hour(s), Minute(s). Adjust this option to your specific needs.
★ Set Cookie Time: If above option is set to Day(s), Hour(s) or Minute(s) this option box will display. Here you enter a time value based on your selection above.
★ Delay Popup on Page Load: If No, your popup box will 'popup' once the entire page finishes loading. If Yes, a new option box will show allowing you to set how long of a delay there will be before 'popping' up.
★ Get box data from: The 'Above Custom HTML' will render everything you entered into the editor. Selecting 'External file' will allow you to import an external HTML file from your server path (or any other server path), embed a video from YouTube, a Google map, etc. to use in your popup box.
PopUp Box Styles Tab:
★ Show close button: Default is Yes. If No, the close button won't show and the popup can't close until it times out (New with v1.2.0).
★ Use custon close button?: No/Yes option. If No, you can select what Close Button color icon to use.
★ Select Close Button: Select what Close Button icon you wish to use.
★ X right/left position: Adjusting this value will allow you to move the Close Button to right/left.
★ X top/bottom position: Adjusting this value will allow you to move the Close Button to top/bottom
If you selected the Yes option of Use custom close button, three new options will appear (URL to custom close button, Custom close button width & Custon close button height).
★ URL to custom close button: Enter in the ABSOLUTE path to your custom button. Example: https://YOURDOMAIN.COM/YOUR/PATH/IMAGEFILENAME.png
★ Custom close button width: Enter the width value of your custom close button. Value MUST include 'px'. Example: 36px
★ Custom close button height: Enter the height value of your custom close button. Value MUST include 'px'. Example: 36px
★ Close popup box only with X: Default is No. If Yes, popup can only be closed using the 'X' graphic while active (New with v1.2.5).
★ Popup Load Effect: Choose between None, Fade or Elastic.
★ Popup Exit Effect: Choose between None, Fade or Elastic.
★ Background Overlay Color: Choose your popup box overlay color.
★ Background tint: Choose your popup box overlay tinting opacity.
★ Box Background Color: Choose your popup box background color.
★ Box Text Color: Choose your popup box text color.
★ Box Radius: Adjust to create rounded corners of your popup box.
★ Box Border: Yes/No to have a box border effect.
★ Border Thickness: Enter your border thickness value.
★ Border Color: Choose your border color & opacity.
★ Border Type: Choose between Solid, Dotted, Dashed, Double, Groved, Ridge, Inset or Outset.
★ Box Shadow Effect: Yes/No to have a shadow effect around your popup box.
★ Box Shadow Color: Choose your box shadow effect & opacity.
★ Four Corner Padding: Adjust to increase/decrease the amount of padding your data will have inside your popup box.
100% FREE to use, abuse and enjoy!