Adds Shop Login Button liquid drop provider on login template

Shopify · Apr 3, 2024 · 78cb8af · 78cb8af
1 parent 8b1099b
commit 78cb8af
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 2 deletions.
diff --git a/locales/en.default.json b/locales/en.default.json
@@ -428,7 +428,8 @@
       "password": "Password",
       "title": "Login",
       "sign_in": "Sign in",
-      "submit": "Submit"
+      "submit": "Submit",
+      "alternate_provider_separator": "or"
     },
     "order": {
       "title": "Order {{ name }}",

diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
@@ -1909,7 +1909,10 @@
       }
     },
     "main-login": {
-      "name": "Login"
+      "name": "Login",
+      "shop_login_button": {
+        "enable": "Enable Sign in with Shop"
+      }
     },
     "main-order": {
       "name": "Order"

diff --git a/sections/main-login.liquid b/sections/main-login.liquid
@@ -14,6 +14,10 @@
   }
 {%- endstyle -%}
 
+{%- if section.settings.enable_shop_login_button == false -%}
+  {%- assign hide_shop_login_button = true -%}
+{%- endif -%}
+
 <div class="customer login section-{{ section.id }}-padding">
   <h1 id="recover" tabindex="-1">
     {{ 'customer.recover_password.title' | t }}
@@ -96,6 +100,16 @@
         {{ form.errors | default_errors }}
       {%- endif -%}
 
+      <section name="sign-in-with-shop-provider">
+        {{ shop | login_button: hide_button: hide_shop_login_button }}
+
+        {%- unless hide_shop_login_button -%}
+          <p>
+            {{ 'customer.login_page.alternate_provider_separator' | t }}
+          </p>
+        {%- endunless -%}
+      </section>
+
       <div class="field">
         <input
           type="email"
@@ -165,6 +179,12 @@
 {
   "name": "t:sections.main-login.name",
   "settings": [
+    {
+      "type": "checkbox",
+      "id": "enable_shop_login_button",
+      "label": "t:sections.main-login.shop_login_button.enable",
+      "default": true
+    },
     {
       "type": "header",
       "content": "t:sections.all.padding.section_padding_heading"