Logo on password page

Solved
Highlighted
Tourist
3 0 2

Hello! I am trying to go the same thing- upload my logo onto the Password Page. I am using the GRID theme. I tried adding that code from the previous comments under the theme.css.liquid , but it didn't work for me (unsure if that code was specific to the other users page). I would also like to change the background color of the password page, if you would point me in the right direction.

website www.somethinggoodmarket.com

Thank you in advance!

Highlighted
Shopify Partner
9363 1184 3276

Hello, @SomethingGoodHG 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your password page header code,
So I will check and provide a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
3 0 2

Where do I find the password page header code?

 

This is the full code under SECTION> password.liquid

 

<script
type="application/json"
data-section-type="password"
data-section-id="{{ section.id }}"
></script>

<div class="password-page main-content">
<div class="password-page-header">
<div class="password-page-inner">
<a href="#modal-login" class="admin-login-modal">
{{ 'general.password_page.password_link' | t }}
</a>
</div>
</div>

<div class="password-page-content">
<div class="password-page-inner">
<div class="password-page-logo">
<header class="main-header" role="banner">
<div class="password-branding">
<a class="logo-link" href="{{ routes.root_url }}">
<h1>{{ shop.name }}</h1>
</a>
</div>
</header>
</div>
<div class="password-page-signup-form">
<div class="password-page-form-header">
<h2>{{ 'general.password_page.opening_soon' | t }}</h2>

{% unless shop.password_message == blank %}
<p class="password-page-message">
{{ shop.password_message }}
</p>
{% endunless %}
</div>

{% form 'customer', class: 'newsletter-signup' %}
{{ form.errors | default_errors }}

{% if form.posted_successfully? %}
<p class="form-success">{{ 'general.password_page.signup_form_success' | t }}</p>
{% else %}
{% if section.settings.newsletter_text != blank %}
{{ section.settings.newsletter_text }}
{% endif %}

<div class="password-page-field-wrap">
<input class="password-page-input" type="text" name="contact[email]" id="email" placeholder="{{ 'general.password_page.signup_form_email_placeholder' | t }}">
<input class="submit" name="commit" type="submit" value="{{ 'general.password_page.signup_form_submit' | t }}">
<input type="hidden" name="contact[tags]" value="prospect, password page">
</div>
{% endif %}
{% endform %}
</div>
</div>
</div>

<div class="password-page-footer" role="contentinfo">
<div class="password-page-inner">
{% capture shopify %}
<a class="shopify-link" href="//www.shopify.com/" target="_blank" title="Create your own online store with Shopify">
<span class="shopify-name">Shopify</span>
</a>
{% endcapture %}
{{ 'general.password_page.powered_by_shopify_html' | t: shopify: shopify }}
</div>
</div>

</div>

<div id="modal-login" class="password-page-modal-wrapper">
<div class="password-page-modal">
<div class="module header">
<p class="form-title">{{ 'general.password_page.login_form_heading' | t }}</p>
</div>

{% form 'storefront_password' %}
{{ form.errors | default_errors }}
<div class="password-page-field-wrap" {% if form.errors %}data-open-modal{% endif %}>
<input class="password-page-input" type="password" name="password" id="password" placeholder="{{ 'general.password_page.login_form_password_label' | t }}" autofocus>
<input class="submit" name="submit" type="submit" value="{{ 'general.password_page.login_form_submit' | t }}">
</div>
{% endform %}
</div>
</div>

{% schema %}
{
"name": "Password pages",
"class": "section-password",
"settings": [
{
"type": "header",
"content": "Newsletter"
},
{
"id": "newsletter_text",
"type": "richtext",
"label": "Text",
"default": "<p>Find out when we open:</p>"
}
]
}

{% endschema %}

Highlighted
Shopify Partner
9363 1184 3276

@SomethingGoodHG 

please check this 

https://community.shopify.com/c/Shopify-Design/Debut-Theme-Adding-logo-to-password-page/m-p/923694#M...

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
3 0 2

I'm sorry, I don't know what to do. None of this means anything to me. I tried replacing the code that you just sent me to into the SECTIONS> password.liquid and it deleted all of the information I did on the Password Page. I also have the GRID theme, not debut, not sure if that makes a difference. 

 

This is the code in SECTIONS> password.liquid on my page

 

<script
type="application/json"
data-section-type="password"
data-section-id="{{ section.id }}"
></script>

<div class="password-page main-content">
<div class="password-page-header">
<div class="password-page-inner">
<a href="#modal-login" class="admin-login-modal">
{{ 'general.password_page.password_link' | t }}
</a>
</div>
</div>

<div class="password-page-content">
<div class="password-page-inner">
<div class="password-page-logo">
<header class="main-header" role="banner">
<div class="password-branding">
<a class="logo-link" href="{{ routes.root_url }}">
<h1>{{ shop.name }}</h1>
</a>
</div>
</header>
</div>
<div class="password-page-signup-form">
<div class="password-page-form-header">
<h2>{{ 'general.password_page.opening_soon' | t }}</h2>

{% unless shop.password_message == blank %}
<p class="password-page-message">
{{ shop.password_message }}
</p>
{% endunless %}
</div>

{% form 'customer', class: 'newsletter-signup' %}
{{ form.errors | default_errors }}

{% if form.posted_successfully? %}
<p class="form-success">{{ 'general.password_page.signup_form_success' | t }}</p>
{% else %}
{% if section.settings.newsletter_text != blank %}
{{ section.settings.newsletter_text }}
{% endif %}

<div class="password-page-field-wrap">
<input class="password-page-input" type="text" name="contact[email]" id="email" placeholder="{{ 'general.password_page.signup_form_email_placeholder' | t }}">
<input class="submit" name="commit" type="submit" value="{{ 'general.password_page.signup_form_submit' | t }}">
<input type="hidden" name="contact[tags]" value="prospect, password page">
</div>
{% endif %}
{% endform %}
</div>
</div>
</div>

<div class="password-page-footer" role="contentinfo">
<div class="password-page-inner">
{% capture shopify %}
<a class="shopify-link" href="//www.shopify.com/" target="_blank" title="Create your own online store with Shopify">
<span class="shopify-name">Shopify</span>
</a>
{% endcapture %}
{{ 'general.password_page.powered_by_shopify_html' | t: shopify: shopify }}
</div>
</div>

</div>

<div id="modal-login" class="password-page-modal-wrapper">
<div class="password-page-modal">
<div class="module header">
<p class="form-title">{{ 'general.password_page.login_form_heading' | t }}</p>
</div>

{% form 'storefront_password' %}
{{ form.errors | default_errors }}
<div class="password-page-field-wrap" {% if form.errors %}data-open-modal{% endif %}>
<input class="password-page-input" type="password" name="password" id="password" placeholder="{{ 'general.password_page.login_form_password_label' | t }}" autofocus>
<input class="submit" name="submit" type="submit" value="{{ 'general.password_page.login_form_submit' | t }}">
</div>
{% endform %}
</div>
</div>

{% schema %}
{
"name": "Password pages",
"class": "section-password",
"settings": [
{
"type": "header",
"content": "Newsletter"
},
{
"id": "newsletter_text",
"type": "richtext",
"label": "Text",
"default": "<p>Find out when we open:</p>"
}
]
}

{% endschema %}

0 Likes
Highlighted
Shopify Partner
9363 1184 3276

@SomethingGoodHG 

Thanks for update
your theme is not theme logo upload option it can be done some customization can you please contact PM

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
11 0 2

Hello,

I'm facing this issue on http://www.shopfairroads.com. I see you are asking for us to provide our Password Page Header Code - can you let me know how this can be located?

Thank you,

Joelle

Highlighted
Shopify Partner
9363 1184 3276

@fairroads 

Thanks for post 

yes, you have find this code section part left side edit code password header liquid file

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
11 0 2
Hello,

Can you rephrase more specifically? I'm not sure what this means: code
section part left side edit code password header liquid file? This does not
help me navigate.
0 Likes
Highlighted
Tourist
11 0 2

(Tried to post this but I don't see it showing up - second attempt).

 

Found the following - do you find what you need here? Thank you!

 

<div class="password-content">
{% if section.settings.logo %}
{%- assign img_url = section.settings.logo | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
<a href="{{ routes.root_url }}" itemprop="url" class="site-header__logo-image" data-image-loading-animation>
{% capture logo_alt %}{{ section.settings.logo.alt | default: shop.name }}{% endcapture %}
<img class="lazyload js"
data-src="{{ img_url }}"
data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
data-aspectratio="{{ section.settings.logo.aspect_ratio }}"
data-sizes="auto"
alt="{{ logo_alt | escape }}"
style="max-width: {{ section.settings.logo_max_width }}px">
<noscript>
{% capture image_size %}{{ section.settings.logo_max_width | escape }}x{% endcapture %}
<img src="{{ section.settings.logo | img_url: image_size }}"
srcset="{{ section.settings.logo | img_url: image_size }} 1x, {{ section.settings.logo | img_url: image_size, scale: 2 }} 2x"
alt="{{ section.settings.logo.alt | default: shop.name }}"
itemprop="logo"
style="max-width: {{ section.settings.logo_max_width }}px;">
</noscript>
</a>
{% else %}
<h1 class="site-header__logo-link">
<span class="logo">{{ shop.name }}</span>
</h1>
{% endif %}

<span class="h2 password-content__title">{{ section.settings.header | escape }}</span>
</div>


{% schema %}
{
"name": {
"cs": "Záhlaví",
"da": "Overskrift",
"de": "Titel",
"en": "Header",
"es": "Encabezado",
"fi": "Ylätunniste",
"fr": "En-tête",
"it": "Header",
"ja": "ヘッダー",
"ko": "헤더",
"nb": "Header",
"nl": "Koptekst",
"pl": "Nagłówek",
"pt-BR": "Cabeçalho",
"pt-PT": "Cabeçalho",
"sv": "Rubrik",
"th": "ส่วนหัว",
"tr": "Üstbilgi",
"vi": "Đầu trang",
"zh-CN": "标头",
"zh-TW": "標頭"
},
"settings": [
{
"type": "image_picker",
"id": "logo",
"label": {
"cs": "Obrázek loga",
"da": "Logobillede",
"de": "Logo-Foto",
"en": "Logo image",
"es": "Logo",
"fi": "Logokuva",
"fr": "Image du logo",
"it": "Immagine del logo",
"ja": "ロゴ画像",
"ko": "로고 이미지",
"nb": "Logobilde",
"nl": "Afbeelding van logo",
"pl": "Obraz logo",
"pt-BR": "Imagem do logotipo",
"pt-PT": "Imagem do logótipo",
"sv": "Logobild",
"th": "รูปภาพโลโก้",
"tr": "Logo görseli",
"vi": "Hình ảnh logo",
"zh-CN": "logo 图片",
"zh-TW": "標誌圖片"
}
},
{
"type": "range",
"id": "logo_max_width",
"label": {
"cs": "Šířka vlastního loga",
"da": "Tilpasset logobredde",
"de": "Logobreite",
"en": "Custom logo width",
"es": "Ancho del logo personalizado",
"fi": "Mukautetun logon leveys",
"fr": "Largeur personnalisée du logo",
"it": "Larghezza logo personalizzato",
"ja": "ロゴの幅をカスタマイズする",
"ko": "사용자 지정 로고 폭",
"nb": "Tilpasset logobredde",
"nl": "Aangepaste logo-breedte",
"pl": "Niestandardowa szerokość logo",
"pt-BR": "Largura do logotipo personalizado",
"pt-PT": "Largura de logótipo personalizada",
"sv": "Anpassad logotypsbredd",
"th": "ความกว้างของโลโก้แบบกำหนดเอง",
"tr": "Özel logo genişliği",
"vi": "Chiều rộng logo tùy chỉnh",
"zh-CN": "自定义 logo 宽度",
"zh-TW": "自訂商標寬度"
},
"min": 50,
"max": 500,
"step": 10,
"unit": "px",
"default": 100
},
{
"type": "text",
"id": "header",
"label": {
"cs": "Nadpis",
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "En-tête",
"it": "Heading",
"ja": "見出し",
"ko": "제목",
"nb": "Overskrift",
"nl": "Kop",
"pl": "Nagłówek",
"pt-BR": "Título",
"pt-PT": "Título",
"sv": "Rubrik",
"th": "ส่วนหัว",
"tr": "Başlık",
"vi": "Tiêu đề",
"zh-CN": "标题",
"zh-TW": "標題"
},
"default": {
"cs": "Připravujeme",
"da": "Kommer snart",
"de": "Demnächst",
"en": "Coming Soon",
"es": "Próximamente",
"fi": "Tulossa pian",
"fr": "En construction",
"it": "Presto disponibile",
"ja": "まもなく公開",
"ko": "곧 출시 예정",
"nb": "Kommer snart",
"nl": "Binnenkort",
"pl": "Już wkrótce",
"pt-BR": "Em breve",
"pt-PT": "Em breve",
"sv": "Kommer snart",
"th": "เร็วๆ นี้",
"tr": "Çok Yakında",
"vi": "Sắp ra mắt",
"zh-CN": "即将推出",
"zh-TW": "即將推出"
}
}
]
}
{% endschema %}

0 Likes