{% comment %} Based on: https://github.com/Shopify/dawn/blob/v7.0.1/sections/main-login.liquid {% endcomment %} {%- if settings.multipass_login != true -%} {{ 'customer.css' | asset_url | stylesheet_tag }} {%- style -%} .login-logo { max-width: {{ section.settings.logo_width }}px; } .section-{{ section.id }}-padding { padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px; padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px; } @media screen and (min-width: 750px) { .section-{{ section.id }}-padding { padding-top: {{ section.settings.padding_top }}px; padding-bottom: {{ section.settings.padding_bottom }}px; } } {%- endstyle -%}
{%- if section.settings.logo != blank -%} {%- assign logo_alt = shop.name | escape -%} {%- assign logo_height = section.settings.logo_width | divided_by: section.settings.logo.aspect_ratio -%} {{ section.settings.logo | image_url: width: section.settings.width | image_tag: class: 'login-logo', widths: '50, 100, 150, 200, 250, 300, 400, 500', height: logo_height, width: section.settings.logo_width, alt: logo_alt }} {%- endif -%}

Reset password

We will send you an email to reset your password

{%- form 'recover_customer_password' -%} {% assign recover_success = form.posted_successfully? %}
{%- if form.errors -%} {{ form.errors.messages['form'] }} {%- endif -%} Back to login page {%- endform -%}

Login

Welcome back! Please enter your details.

{%- if recover_success == true -%}

{{ 'customer.recover_password.success' | t }}

{%- endif -%} {%- form 'customer_login', novalidate: 'novalidate' -%} {%- if form.errors -%}

{{ 'accessibility.error' | t }} {{ 'templates.contact.form.error_heading' | t }}

{{ form.errors | default_errors }} {%- endif -%}
{%- if form.password_needed -%}
Forgot your password? {%- endif -%}

Don't have an account? Sign up

{%- endform -%}
{%- if shop.checkout.guest_login -%}

Continue as a guest

{%- form 'guest_login' -%} {%- endform -%}
{%- endif -%}
{%- endif -%} {% schema %} { "name": "Login", "settings": [ { "type": "image_picker", "id": "logo", "label": "Logo image" }, { "type": "range", "id": "logo_width", "min": 50, "max": 250, "step": 10, "default": 100, "unit": "px", "label": "Custom logo width" }, { "type": "header", "content": "Section padding" }, { "type": "range", "id": "padding_top", "min": 0, "max": 100, "step": 4, "unit": "px", "label": "Top padding", "default": 36 }, { "type": "range", "id": "padding_bottom", "min": 0, "max": 100, "step": 4, "unit": "px", "label": "Bottom padding", "default": 36 } ] } {% endschema %}