Quick instructions how to set up your flying popup (or just skip to the bottom and hit "Show popup" button)
1. Create your popup content Example below - note the ID of a div "popup_content" that is used later when firing .popup() and "display: none" to hide the div. Also the ID of element used to close popup ("baner_close") - you can also use "netkevin-close" class on any element which should close the popup. In popup there'll be everything that is inside <div id="popup_content">
<div id="popup_content" class="netkevin-popup-4" style="display: none;">
<a href="#" id="baner_close" class="netkevin-close"></a>
<div style="clear:both;"></div>
<div>Replace this text with any HTML content you want<br/>Play with CSS if you need to adjust the look. Width and height can be set in popup options.
<br>Set width/height in % to see responsiveness as popup will take for example 30% of the current screen width (and be adjusted when you resize window).
</div>
2. Set CSS for popup and overlay (example below or use the one from 4 templates provided in the package)
3. Set settings to fire $('#popup_content').popup(SETTINGS, function(){}); Click "Show popup" to preview the popup and also to get the settings object to copy/paste.
width
popup width (0 = get the width from HTML/CSS), can be set in % - it'll take the percentage of current screen width
height
popup height (0 = get the height from HTML/CSS), can be set in % - it'll take the percentage of current screen height
starttime
when to show popup (in seconds) 0 to start immediately after firing $("ELEMENT_ID").popup() plugin
multipages_timer
set to true when you want to use 'starttime' across multiple pages on your website. E.g. you want to show popup after 120 seconds when user is looking through your shop's content on any page
selfclose
after what time self close popup. 0 - disable feature
overlay
turn on/off overlay
opacity_level
opacity level of overlay (from 0 to 1)
overlay_cc
close popup on overlay click
centered
center popup vertically
top
distance from top to show popup (in px or in percent ie. '20%') - pass 'center' to center vertically - works only for centered=false. Set 100% to align bottom
left
distance from left to show popup (in px or in percent ie. '20%') - pass 'center' to center vertically - works only for centered=false. Set 100% to align right
setcookie
use cookie to prevent showing popup multiple times
setcookie_onclose
Works for setcookie=true. Sets cookie ONLY at the time when popup is closed (by clicking on close button or on overlay or by selfclose)
cookie_name
name of cookie, that is used
cookie_timeout
how long should cookie be stored (in days, 0 = current session)
cookie_timeout_hours
how long should cookie be stored (in hours, 0 = current session). You can set both - cookie_timeout and cookie_timeout_hours
cookie_views
how many times site may be viewed until the popup will be shown again (0 = don't use this). This setting has a priority over cookie_timeouts
floating
turn on/off floating popup
floating_reaction
floating reaction in miliseconds (how quickly start floating after scrolling/resizing the page)
floating_speed
smaller value = higher speed (by default = 12)
fly_in
turn on/off fly-in popup - works only with floating popups
fly_from
if fly_in = true, can be 'top-left', 'top-right', 'left', 'right', 'top', 'bottom', 'bottom-left', 'bottom-right' ('top' by default)
fly_out
turn on/off fly-out popup - works only with floating popups
fly_to
if fly_out = true, can be 'top-left', 'top-right', 'left', 'right', 'top', 'bottom', 'bottom-left', 'bottom-right' ('bottom' by default)
popup_appear
how popup appears "show" (default), "fadeIn", "slideDown" (has sense when fly_in = false, or with long popup_appear_time)
popup_appear_time
time of appearing (may be "slow", "fast" or number in miliseconds) 0 or empty to show immediately
popup_disappear
how popup disappears "hide" (default), "fadeOut", "slideUp" (works for fly_out = false)
popup_disappear_time
time of disappearing (may be "slow", "fast" or number in miliseconds) 0 to hide immediately - for fly_out = false
confirm_close
show native Javascript confirm box, when user tries to close the popup
confirm_close_text
confirm box text (for confirm_close = true)
disable_on_mobile
wheteher popup should be disabled on mobile devices
disable_on_desktop
wheteher popup should be disabled on desktop devices (including tablets)
Replace this text with any HTML content you want Play with CSS if you need to adjust the look. Width and height can be set in popup options.
Set width/height in % to see responsiveness as popup will take for example 30% of the current screen width (and be adjusted when you resize window).