0 items / 0.00

Popup 1 -hide-

{% assign: Theme_Fiend_Lab_UserName = 'deadweightclothing' %}

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


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


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


{% assign: Enable_Test_Mode = 'No' %} {{ 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 = 4 %} {{ Note: SECONDS before popup appears }}

{% assign: Popup_Frequency = 5 %} {{ 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://themefiendlab.com/hosting/images/deadweightclothing/newsletter-popup.jpg' %}

{% 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 hooked up" %}


{{ --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 %}

<sh_text><!--Enter Sub Heading Text Below-->

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

<!-- End --></sh_text>

{% endcapture %}


{{ --FORM_BUTTON_CONTROLS-- }}

{% assign: NP_Button_Color = '#c4122f' %}

{% 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 %}

<fp_text><!--Enter Fine Print Text Below-->

<!-- End --></fp_text>

{% 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&amp;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----------- }}



<!-- Sample Page Content: This code does NOT need to be copied into your Layout page.  -->

<div id="page-pu-note-container">

<div id="page-pu-note">

<span>Newsletter Popup Box Will Show in 3 Seconds</span>

<small><strong>Note:</strong> Newsletter Popup Box does not popup in mobile devices. This message will not display when installed to your Big Cartel shop.</small>

</div>  

<img src="http://themefienddemos.com/palace/_images/PALACE-slide-1.jpg"> 

</div>

<style type="text/css">

.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}

</style>

<!-- -->



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


<!-- Do NOT Modify -->


{% 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 %}


<!-- -->



<!-- This contains the hidden content for inline calls for the subscribe box -->

<div style='display:none'>

{% 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 %}

<div id="popup_outer_wrap">

<div id="popup_inner_wrap">

{% capture np_img %}<div id='subscribe_popup_image'>{% if Image_Source contains 'elf' %}<img src="{{ npciu }}">{% elsif Image_Source contains 'ab' %}<img src="{{ lab_npciu }}">{% endif %}</div>{% endcapture %}

{% capture np_txt %}

  <div id='subscribe_popup'>{% if npip contains 'ull' and npsimg contains 'es' %}{% if Image_Source contains 'elf' %}<img class="np_bg_img" src="{{ npciu }}">{% elsif Image_Source contains 'ab' %}<img class="np_bg_img" src="{{ lab_npciu }}">{% endif %}{% endif %}

    <h2 class="box-title">{{ NP_Heading_Text }}</h2>

    <h3 class="box-tagline">{{ NP_Sub_Heading_Text }}</h3>


  <div id="newsletter-container"  class="input-append"> 

  

{% if np_sut contains 'utton' %}

<form action="{{ np_blu }}" target="_blank" method="get" >

<input type="submit" id="signup-btn" name="go" value="{{ npbt }}" class="submit btn" style="display:table; float:none; margin: 0px auto initial"/>

</form>

{% endif %} 

  

  {% if np_sut contains 'orm' %}    

        

      {% if NP_Newsletter_Provider == 'CC' %}

          <form name="ccoptin" action="http://visitor.r20.constantcontact.com/d.jsp" target="_blank" method="post" style="">

            <input type="hidden" name="llr" value="{{ NP_Constant_Contact_llr_value }}">

            <input type="hidden" name="m" value="{{ NP_Constant_Contact_m_value }}">

            <input type="hidden" name="p" value="oi">

            <input type="text" id="newsletter-form" name="ea" value="{{ nptif }}" onclick="this.value='';"/>

            <input type="submit" id="signup-btn" name="go" value="{{ npbt }}" class="submit btn"/>

          </form>

      {% endif %}

      {% if NP_Newsletter_Provider == 'MC' %}

         <form target="_blank" name="mc-embedded-subscribe-form" method="post" action="{{ NP_MailChimp_form_action_url | remove: 'form ' | remove: 'action=' }}" >

           <input  type="email" onclick="this.value='';" value="{{ nptif }}" name="EMAIL" id="newsletter-form"/>

           <input type="submit" id="signup-btn" value="{{ npbt }}" name="subscribe"/>

         </form>

       {% endif %}      

      {% if NP_Newsletter_Provider == 'YMLP' %}

      <form method="post" action="{{ NP_YMLP_form_action_url | remove: 'action=' }}" target="_blank">

         <input  type="email" onclick="this.value='';" value="{{ nptif }}" name="{{ NP_YMLP_email_input_name }}" id="newsletter-form">

         <input type="submit" id="signup-btn" value="{{ npbt }}" >

         </form>

       {% endif %}

     {% if NP_Newsletter_Provider == 'VR' %}

      <form method="post" action="{{ NP_Vertical_Response_form_action_url | remove: 'action=' }}" {% if NP_Vertical_Response_Pop-up_or_Redirect == 'Pop-up' %}target="vr_optin_popup" onsubmit="window.open( 'http://www.verticalresponse.com', 'vr_optin_popup', 'scrollbars=yes,width=600,height=450' ); return true;"{% endif %} >

    <input name="email_address" onclick="this.value='';" value="{{ nptif }}" id="newsletter-form"/>

    <input type="submit" value="{{ npbt }}" id="signup-btn"/><br/>

      </form>

       {% endif %}      

           {% if NP_Newsletter_Provider == 'MM' %}

      <form target="_blank" action='{{ NP_Mad_Mimi_form_action_url | remove: 'action=' }}' method='post' id='mad_mimi_signup_form'>

 <input  name='signup[email]' onclick="this.value='';" value="{{ nptif }}" id="newsletter-form"/>

        <input type="submit" value="{{ npbt }}" id="signup-btn"/><br/>

        </form>

             {% endif %}               

    

    {% endif %}


</div>


<span class="small-text">{{ NP_Fine_Print }}</span>


  </div>

{% 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 %} 

   

  </div>

  </div>

  

</div>


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


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


<!-- Do NOT Modify -->

{% 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 %}

<link rel="stylesheet" type="text/css" href="https://s3.amazonaws.com/themefiend/theme_plugins/colorbox/colorbox.css">

<script type="text/javascript" src="https://s3.amazonaws.com/themefiend/theme_plugins/colorbox/jquery.colorbox-min.js"></script>

<style type="text/css">

@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 -----*/

</style>



<script type="text/javascript" charset="utf-8">   

(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);

</script>


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