Popup 1 -hide-

{% assign: Theme_Fiend_Lab_UserName = 'YourUserName' %}
{% assign: Image_Source = 'Self-hosted' %} {{ Options: 'Lab' or 'Self-hosted' }}

{{ ---------BEGIN NEWSLETTER POPUP ADD-ON SETTINGS AND CONTROLS----------- }}

{{ -----FUNCTIONALITY_SETTINGS--- }}

{% assign: Enable_Test_Mode = 'Yes' %} {{ Options: 'Yes' or 'No' }}
{{ Note: After setting test mode to 'No', you must clear browser cache and cookies to retest and configure popup again. Check out this article link on clearing cache: https://support.google.com/accounts/answer/32050?hl=en }}

{% assign: Popup_Delay = 3 %} {{ Note: SECONDS before popup appears }}
{% assign: Popup_Frequency = 1 %} {{ Note: DAYS before the popup shows again for a visitor }}

{{ -----APPEARANCE_SETTINGS--- }}

{% assign: NP_Popup_Box_Width = 700 %} {{ Note: Width (in pixels); ex. 800 = 800px, 400 = 400px }}

{% assign: NP_Overlay_Color = '#ffffff' %}
{% assign: NP_Content_Background_Color = '#000000' %}
{% assign: NP_Show_Image = 'yes' %} {{ Options: 'Yes' or 'No' }}
{% assign: NP_Content_Image_Url = 'http://imageshack.com/a/img911/5455/x5G1wn.png' %}
{% assign: NP_Image_Position = 'Half' %} {{ Options: 'Full' or 'Half' }}
{% assign: NP_Rounded_Corners = 'No' %} {{ Options: 'Yes' or 'No' }}

{{ --HEADING_CONTROLS-- }}
{% assign: NP_Heading_Text_Color = '#ffffff' %}
{% assign: NP_Heading_Font = "Oswald" %}
{% assign: NP_Heading_Font_Size = 40 %}
{% assign: NP_Heading_Text = "Get in the Know" %}

{{ --SUB_HEADING_CONTROLS-- }}
{% assign: NP_Sub_Heading_Text_Color = '#ffffff' %}
{% assign: NP_Sub_Heading_Font = "Roboto Condensed" %}
{% assign: NP_Sub_Heading_Font_Size = 16 %}
{% capture: NP_Sub_Heading_Text %}

Be the first to hear about exclusive offers, new arrivals, and more

{% endcapture %}

{{ --FORM_BUTTON_CONTROLS-- }}
{% assign: NP_Button_Color = '#660066' %}
{% assign: NP_Button_Text_Color = '#ffffff' %}
{% assign: NP_Button_Font_Size = 14 %}
{% assign: NP_Sign_Up_Type = 'Form' %} {{ Options: 'Form' or 'Button Link' }}
{% assign: NP_Button_Link_URL = 'http://google.com' %}
{% assign: NP_Form_Button_Location = 'Right' %} {{ Options: 'Right' or 'Below Form' }}
{% assign: NP_Button_Width_Type = 'Full' %} {{ Options: 'Full' or 'Central' }}
{% assign: NP_Button_Text = 'Sign up' %}

{% capture: NP_Fine_Print %}

{% endcapture %}

{{ -----POPUP NEWSLETTER_SECTION----- }}

{% assign: NP_Placeholder_Text_in_Form = "E-mail Address" %}

{% assign: NP_Newsletter_Provider = 'MC' %}
{{ Options: 'CC' (Constant Contact), 'MC' (MailChimp), 'YMLP' (Your MailingList Provider), 'VR' (Vertical Response), 'MM' (Mad Mimi) }}

{{ Note: Configure settings below based on your newsletter provider. The values/urls you enter in the fields for your newsletter form can by creating a form in your newsletter provider account. }}
{{ More info can be found in the theme instructions guide that came with your theme }}

{{ For CONSTANT CONTACT USERS }}
{% assign: NP_Constant_Contact_llr_value = '6m5rzwcab' %}
{% assign: NP_Constant_Contact_m_value = '1102424111517' %}

{{ For MAILCHIMP USERS }}
{% assign: NP_MailChimp_form_action_url = 'http://themefiend.us2.list-manage2.com/subscribe/post?u=27b7d5cbfb45164d58769c000&id=37e8ad6e0d' %}

{{ For YMLP USERS }}
{% assign: NP_YMLP_form_action_url = 'http://ymlp.com/subscribe.php?id=gjbhymegmgj' %}
{% assign: NP_YMLP_email_input_name = 'YMP0' %}

{{ For VERTICAL RESPONSE USERS }}
{% assign: NP_Vertical_Response_form_action_url = 'http://oi.vresp.com?fid=6eb42ac653' %}
{% assign: NP_Vertical_Response_Pop-up_or_Redirect = 'Redirect' %} {{ Options: 'Pop-up' or 'Redirect }}

{{ For MAD MIMI USERS }}
{% assign: NP_Mad_Mimi_form_action_url = 'https://madmimi.com/signups/subscribe/60701' %}

{{ ---------END NEWSLETTER POPUP ADD-ON SETTINGS AND CONTROLS----------- }}

Newsletter Popup Box Will Show in 3 Seconds Note: Newsletter Popup Box does not popup in mobile devices. This message will not display when installed to your Big Cartel shop.

.page-title {display: none}
#page-pu-note-container {position: relative;}
#page-pu-note {text-align: center;padding: 5%;font-size: 38px;font-family: helvetica;color: #444444;width: 45%;margin: 10% auto;border: 1px solid rgba(231, 231, 231, 0.25);background: rgba(231, 231, 231, 0.5);position: absolute;left: 23%;}
#page-pu-note > span {display: block;line-height: 125%;font-weight: 300;}
#page-pu-note small {font-size: 45%;line-height: 100%;font-weight: 300;opacity: .75;filter: alpha(opacity=75);display: block;margin-top: 15px;text-align:center}

{{ ---------BEGIN NEWSLETTER POPUP ADD-ON HTML TEMPLATE CODE---------- }}

{% assign: nphtxcl = NP_Heading_Text_Color %}
{% assign: nph_fs = NP_Heading_Font_Size %}

{% assign: npshtxcl = NP_Sub_Heading_Text_Color %}
{% assign: npsh_fs = NP_Sub_Heading_Font_Size %}

{% assign: npolcl = NP_Overlay_Color %}
{% assign: npcbgc = NP_Content_Background_Color %}
{% assign: npsimg = NP_Show_Image %}
{% assign: npciu = NP_Content_Image_Url %}
{% assign: npip = NP_Image_Position %}
{% assign: nprc = NP_Rounded_Corners %}

{% assign: nptif = NP_Placeholder_Text_in_Form %}

{% assign: np_btcl = NP_Button_Color %}
{% assign: np_btxcl = NP_Button_Text_Color %}
{% assign: npbfs = NP_Button_Font_Size %}
{% assign: npbt = NP_Button_Text %}

{% assign: np_sut = NP_Sign_Up_Type %}
{% assign: np_blu = NP_Button_Link_URL %}
{% assign: np_fbl = NP_Form_Button_Location %}
{% assign: npbwt = NP_Button_Width_Type %}

{% assign: Lab = 'http://themefiend.com/lab/images/' %} {% assign: l_np-img = 'newsletter-popup.jpg' %} {% capture lab_npciu %}{{ Lab }}{{ Theme_Fiend_Lab_UserName }}/{{ l_np-img }}{% endcapture %} {% assign: imgsrc = Image_Source %}

{% capture np_img %}

{% if Image_Source contains 'elf' %}{% elsif Image_Source contains 'ab' %}{% endif %}

{% endcapture %} {% capture np_txt %}

{% if npip contains 'ull' and npsimg contains 'es' %}{% if Image_Source contains 'elf' %}{% elsif Image_Source contains 'ab' %}{% endif %}{% endif %}

{{ NP_Heading_Text }}

{{ NP_Sub_Heading_Text }}

{% if np_sut contains 'utton' %}

{% endif %}

{% if np_sut contains 'orm' %}

{% if NP_Newsletter_Provider == 'CC' %}







{% endif %}
{% if NP_Newsletter_Provider == 'MC' %}




{% endif %}
{% if NP_Newsletter_Provider == 'YMLP' %}




{% endif %}
{% if NP_Newsletter_Provider == 'VR' %}





{% endif %}
{% if NP_Newsletter_Provider == 'MM' %}





{% endif %}

{% endif %}

{{ NP_Fine_Print }}

{% endcapture %} {% if npsimg contains 'o' %}{{ np_txt }}{% endif %} {% if npip contains 'ull' and npsimg contains 'es' %}{{ np_txt }}{{ np_img }}{% endif %} {% if npip contains 'alf' and npsimg contains 'es'%}{{ np_img }}{{ np_txt }}{% endif %}

{{ ---------END NEWSLETTER POPUP ADD-ON HTML TEMPLATE CODE---------- }}

{{ ---------BEGIN NEWSLETTER POPUP ADD-ON CSS/JAVASCRIPT CODE---------- }}

{% assign etm = Enable_Test_Mode %}

{% assign: Small_Border_Radius = 3 %}{% assign: sbr = Small_Border_Radius %}{% assign: Large_Border_Radius = 5 %}{% assign: lbr = Large_Border_Radius %}

@import url(http://fonts.googleapis.com/css?family={{ NP_Heading_Font | replace: " " , "+" }}:100,200,300,400,500,600,700,800,900);
@import url(http://fonts.googleapis.com/css?family={{ NP_Sub_Heading_Font | replace: " " , "+" }}:100,200,300,400,500,600,700,800,900);
#popup_outer_wrap {box-sizing:border-box;-moz-box-sizing:border-box;border:0px solid rgba(0,0,0,.1);background-color: {{ npcbgc }};display: table; width: 100%;position: relative;{% if nprc contains 'es' %}border-radius: {{ lbr }}px;{% endif %}overflow: hidden;font-size: 0px;}
#popup_inner_wrap {width:{% if npip contains 'ull' and npsimg contains 'es'%}200%{% else %}100%;{% endif %}}
#popup_outer_wrap > br {display: none;}{% if npip contains 'ull' %}.np_bg_img {position: absolute;left: 0px;top: 0px;width:auto;opacity: 0.8;filter:alpha(opacity=80)}{% endif %}
#subscribe_popup, .overlays {position:relative;display:{% if npsimg contains 'es' %}table-cell{% else %}table{% endif %}; vertical-align:middle;background-color: transparent !important;padding: 40px;box-sizing: border-box;-moz-box-sizing: border-box;{% if nprc contains 'es' %}border-radius: {{ lbr }}px !important;{% endif %}width:{% if npsimg contains 'es' %}50%;{% elsif npsimg contains 'o' %}100%;{% endif %}border: 0 none;}
#colorbox {overflow:visible !important;height:100% !important;outline: 0 none;z-index: 2147483647 !important;}
#cboxOverlay {background-color: {{ npolcl }};z-index: 2147483646 !important;}
#cboxContent {position: relative; height: 100% !important; background: none repeat scroll 0 0 transparent !important;margin-top: 0% !important;overflow: visible;}
#cboxWrapper {height: auto !important;{% if nprc contains 'es' %}border-radius: {{ lbr }}px;{% endif %}}
#cboxLoadedContent {overflow:hidden !important;height: auto !important; background: transparent !important;padding: 0;}
#cboxClose {transition: none !important;top: 15px;right: 15px;background-color: {{ np_btcl }};padding: 0px;box-sizing: border-box;-moz-box-sizing: border-box;height: 20px;width: 20px;vertical-align: middle;line-height: 100%;display: inline-block;font-size: 14px;text-align: center;text-indent: 0px;color: {{ np_btxcl }};{% if nprc contains 'es' %}border-radius: {{ sbr }}px;{% endif %}background-image: none;}
#subscribe_popup_image {height: 100%;display:table-cell;{% if npip contains 'ull' %}visibility:hidden;{% endif %}vertical-align: top;}{% if npip contains 'ull' %}#subscribe_popup_image img {width:auto;height:100%}{% endif %}
#subscribe_popup #newsletter-container form {float: left;width: 100%;margin-bottom: 0px;}
#subscribe_popup #newsletter-container {min-width:100%;width:100%}
#subscribe_popup #newsletter-form {border:none; color: initial;{% if np_fbl contains 'ight' %}float: left;{% else %}float: none;{% endif %}font-size: 12px;border: none;line-height: 100%;height: 40px;{% if nprc contains 'es' %}border-radius:{{ sbr }}px 0px 0px {{ sbr }}px;{% endif %}margin-top: 0;padding: 10px;text-transform: uppercase;width:{% if np_fbl contains 'ight' %}70%{% else %}100%{% endif %};box-sizing: border-box;-moz-box-sizing: border-box;{% if np_fbl contains 'elow' %}text-align: center;{% endif %}text-transform:initial;}
#subscribe_popup #signup-btn {float: left;font-family: {{ NP_Heading_Font }};letter-spacing:2px;border:none; background: {{ np_btcl }};border-radius: 0;color: {{ np_btxcl }};{% if nprc contains 'es' %}border-radius:0px {{ sbr }}px {{ sbr }}px 0px;{% endif %}cursor: pointer;font-size: {{ npbfs }}px;line-height:{% if np_fbl contains 'elow' %}125%{% else %}100%{% endif %};margin-left: 0;box-shadow: none;padding:{% if np_fbl contains 'ight' %}5px{% else %}8px 15px{% endif %};text-shadow: none;text-transform: uppercase;vertical-align: middle;height:{% if np_fbl contains 'ight' %}40px{% else %}auto{% endif %};width:{% if np_fbl contains 'ight' and np_sut contains 'orm' %}30%{% endif %}{% if np_fbl contains 'elow' or np_sut contains 'utton' %}{% if npbwt contains 'entral' %}auto{% elsif npbwt contains 'ull' %}100%{% endif %}{% endif %};{% if np_fbl contains 'elow' %}display:block;margin:15px auto 0px;float: none;{% endif %}-moz-box-sizing:border-box;box-sizing: border-box;}
.box-title {position:relative;font-family: {{ NP_Heading_Font }};letter-spacing:2px;text-transform: uppercase; color: {{ nphtxcl }};font-size: {{ nph_fs }}px;line-height:125%;font-weight: 400;text-align: center;margin: 0px;}
.box-tagline {position:relative;font-family: {{ NP_Sub_Heading_Font }};color: {{ npshtxcl }};font-size: {{ npsh_fs }}px;line-height:125%;text-align: center;margin: 0; font-weight: 300 !important;}
span.small-text {font-size: 10px;line-height:100%;position: relative; top: 0px; color: {{ npshtxcl }};opacity: .5;text-align: center;width: 100%;float: left;}
span.small-text a {color:{{ npshtxcl }}; text-decoration:underline !important}
span.small-text br {display: none}{% if nprc contains 'es' %}{% if np_fbl contains 'elow' or np_sut contains 'utton' %}#subscribe_popup #newsletter-form,#subscribe_popup #signup-btn{border-radius: {{ sbr }}px}{% endif %}{% endif %}
#colorbox, #cboxOverlay, #cboxWrapper {z-index:999999 !important}{% if npcbgc contains 'fff' or npcbgc contains 'hite' %}#subscribe_popup #newsletter-form {border:1px solid #000000 !important}{% endif %}
@media only screen and (max-width:767px) {#colorbox, #cboxOverlay, #cboxWrapper, #page-pu-note-container {display:none !important}}
/* Begin Extra CSS Customizations (Note: Don't leave any spaces below/above CSS lines) -----*/
#test-element {color: #000000}
/* End Extra CSS Customizations -----*/

(function($) {
$(document).ready(function(){
// load the overlay
if (document.cookie.indexOf('visited=true') == -1) {
{% unless etm contains 'es' %}
var popupDays = 1000*60*60*24*{{ Popup_Frequency }};
var expires = new Date((new Date()).valueOf() + popupDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
{% endunless %}
setTimeout(function () {
$("#page-pu-note").remove();
$.colorbox({width:"{{ NP_Popup_Box_Width }}px", transition: "none", inline:true, close:"x", href:"#popup_outer_wrap"});
}, {{ Popup_Delay }}000);
}

});
})(jQuery);

{{ ---------END NEWSLETTER POPUP ADD-ON CSS/JAVASCRIPT CODE---------- }}