Hi Sheesh,
I can't thank you enough for your help with this. This is all the code I see when going to the "password-template.liquid", all 326 lines
{% layout none %}
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<title>
{{ page_title }}
</title>
{% if page_description %}
{%- comment %}<locksmith:2662>{% endcomment -%}
{%- capture var %}{% render 'locksmith-variables', variable: 'transparent', hiding_scope: 'resource' %}{% endcapture %}{% if var == 'true' %}<meta name="description" content="{{ page_description }}" />{% endif -%}
{%- comment %}original: <meta name="description" content="{{ page_description }}" />{%- endcomment %}
{%- comment %}</locksmith:2662>{% endcomment -%}
{% endif %}
{{ 'stylesheet.css' | asset_url | stylesheet_tag }}
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
{{ content_for_header }}
</head>
<body class="password gridlock {{ template }}" data-section-id="{{ section.id }}">
<div class="slideout">
<div class="closeslide slideout-toggle">
<i class="fa fa-times" aria-hidden="true"></i>
</div>
<div>
{% form 'storefront_password' %}
{{ form.errors | default_errors }}
<label for="password">{{ 'password.general.enter_store' | t }}</label>
<input type="password" name="password" placeholder="{{ 'password.general.password' | t }}">
<input type="submit" value="{{ 'password.general.enter' | t }}">
{% endform %}
</div>
</div>
<div class="slideout-toggle open_password">
<i class="fa fa-lock" aria-hidden="true"></i>
{{ 'password.general.enter_store' | t }}
</div>
{% if section.settings.background_image %}
<div class="password-page lazyload lazyfade"
data-bgset="{% include 'bgset', image: section.settings.background_image %}"
data-sizes="auto">
{% else %}
<div class="password-page">
{% endif %}
<div id="logo">
{% if section.settings.logo != blank %}
<a href="{{ routes.root_url }}">
<img src="{{ section.settings.logo | img_url: '600x' }}" alt="{{ section.settings.logo.alt | default: shop.name }}" itemprop="logo">
</a>
{% else %}
<a href="{{ routes.root_url }}">{{ shop.name }}</a>
{% endif %}
</div>
<div id="signup-holder">
<div id="signup-wrap">
{% unless section.settings.newsletter_details == blank %}
<div id="newsletter-details">
{{ section.settings.newsletter_details }}
</div>
{% endunless %}
<div id="password-signup">
{% form 'customer' %}
{{ form.errors | default_errors }}
{% if form.posted_successfully? %}
<p class="success">{{ 'password.general.thanks' | t }}</p>
{% else %}
<input type="hidden" name="contact[tags]" value="prospect, password page">
<input type="email" name="contact[email]" id="password-email" placeholder="{{ 'password.general.email_address' | t }}">
<input type="submit" id="password-subscribe" value="{{ 'password.general.submit' | t }}">
{% endif %}
{% endform %}
</div>
</div>
</div>
<div class="clear"></div>
<div class="password-page-footer">
<div class="password-page-icons">
{% include 'social-icons' %}
</div>
<div>
{{ 'password.general.powered' | t }}
<a rel="nofollow" href="//www.shopify.com/">shopify</a>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('.slideout-toggle').on('click', function(event) {
event.preventDefault();
var slideout = $('.slideout');
var slideoutWidth = 320;
slideout.toggleClass('open');
if (slideout.hasClass('open'))
{
slideout.animate({right: '0'}, 250);
}
else
{
slideout.animate({right: -slideoutWidth}, 250);
}
});
if ( $('.storefront-password-form .errors').size() ) {
var $errortoggle = $('.slideout');
$($errortoggle).addClass('open');
$('.slideout-toggle').trigger('click');
}
$(document).on('shopify:section:load', function(event) {
$('.slideout-toggle').on('click', function(event) {
event.preventDefault();
var slideout = $('.slideout');
var slideoutWidth = 250;
slideout.toggleClass('open');
if (slideout.hasClass('open'))
{
slideout.animate({right: '0'}, 250);
}
else
{
slideout.animate({right: -slideoutWidth}, 250);
}
});
if ( $('.storefront-password-form .errors').size() ) {
var $errortoggle = $('.slideout');
$($errortoggle).addClass('open');
$('.slideout-toggle').trigger('click');
}
});
});
</script>
</body>
</html>
{%- assign image_size = '2048x' -%}
{% assign opacity = section.settings.overlay_color_opacity | divided_by: 100.00 %}
<style>
.password-page {
{%- if section.settings.background_color -%}
background-color: {{ section.settings.background_color }};
{%- endif -%}
{% if section.settings.background_image %}
background:
{%- if section.settings.show_overlay_color -%}
linear-gradient(
{{ section.settings.background_overlay_color | color_modify: 'alpha', opacity }},
{{ section.settings.background_overlay_color | color_modify: 'alpha', opacity }}),
{%- endif -%}
url({{ section.settings.background_image | img_url: image_size }})
{% endif %};
background-position: center center;
color: {{ section.settings.text_color }};
margin-top: -40px;
background-repeat: no-repeat;
background-size: cover;
}
{% if section.settings.logo_max_width != blank %}
.password-page #logo img { max-width: {{ section.settings.logo_max_width }}px; }
{% endif %}
input#password-email::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: {{ section.settings.text_color }};
}
input#password-email::-moz-placeholder { /* Firefox 19+ */
color: {{ section.settings.text_color }};
}
input#password-email:-ms-input-placeholder { /* IE 10+ */
color: {{ section.settings.text_color }};
}
input#password-email:-moz-placeholder { /* Firefox 18- */
color: {{ section.settings.text_color }};
}
input#password-subscribe {
background-color: {{ section.settings.button_color }};
color: {{ section.settings.button_text_color }};
}
input#password-subscribe:hover {
opacity: 0.75;
}
input#password-email {
border-color: {{ section.settings.border_color }};
}
.password-page p,
.password-page h1,
.password-page h2,
.password-page h3
#password-signup h3,
.password-page-footer,
.slideout-toggle.open_password {
color: {{ section.settings.text_color }};
}
.password-page a {
opacity: 0.8;
}
.password-page a:hover {
opacity: 1.0;
}
#password-message,
#newsletter-details p {
font-size: {{ section.settings.text_size }}px;
line-height: initial;
}
</style>
{% schema %}
{
"name": "Password page",
"settings": [
{
"type": "header",
"content": "Logo"
},
{
"type": "image_picker",
"id": "logo",
"label": "Logo image"
},
{
"type": "range",
"id": "logo_max_width",
"min": 100,
"max": 600,
"step": 10,
"unit": "px",
"label": "Logo image width",
"default": 300
},
{
"type": "richtext",
"id": "newsletter_details",
"label": "Coming soon message",
"default": "<p>Coming Soon</p><p>Signup for our newsletter and get updated when we launch our site <a href=\"https://example.com/\">see our newsletter policy.</a></p>"
},
{
"type": "range",
"id": "text_size",
"min": 12,
"max": 36,
"step": 1,
"unit": "px",
"label": "Password page message size",
"default": 18
},
{
"type": "color",
"id": "text_color",
"label": "Text Color",
"default": "#000000"
},
{
"type": "header",
"content": "Background"
},
{
"type": "paragraph",
"content": "Choose between a background color or background image."
},
{
"type": "color",
"id": "background_color",
"label": "Background Color",
"default": "#f5f5f5"
},
{
"type": "image_picker",
"id": "background_image",
"label": "Background image"
},
{
"type": "checkbox",
"id": "show_overlay_color",
"label": "Show background overlay color",
"default": false
},
{
"type": "color",
"id": "background_overlay_color",
"label": "Background Image Overlay Color",
"default": "#f5f5f5"
},
{
"type": "range",
"id": "overlay_color_opacity",
"min": 10,
"max": 100,
"step": 10,
"unit": "%",
"label": "Color Overlay Opacity",
"default": 80
},
{
"type": "header",
"content": "Signup Form"
},
{
"type": "color",
"id": "border_color",
"label": "Form Border Color",
"default": "#000000"
},
{
"type": "color",
"id": "button_color",
"label": "Button Background Color",
"default": "#000000"
},
{
"type": "color",
"id": "button_text_color",
"label": "Button Text Color",
"default": "#ffffff"
}
]
}
{% endschema %}
