adds theme toggle for avatar widget to allow opt-out without code cha…

…nge (Shopify#3496) * adds theme toggle for avatar widget to allow opt-out without code change * resolve spacing differences when account-icon is present in the DOM * Update 15 translation files * Update 5 translation files --------- Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
Rabter1 · Jun 5, 2024 · 6e3f3c6 · 6e3f3c6
1 parent 8cadefd
commit 6e3f3c6
Show file tree

Hide file tree

Showing 25 changed files with 206 additions and 17 deletions.
diff --git a/assets/base.css b/assets/base.css
@@ -2549,6 +2549,10 @@ input[type='checkbox'] {
   --shop-avatar-size: 2.8rem;
 }
 
+account-icon {
+  display: flex;
+}
+
 /* Search */
 menu-drawer + .header__search {
   display: none;

diff --git a/locales/cs.schema.json b/locales/cs.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "Barevné schéma nabídky"
+        },
+        "header__7": {
+          "content": "Přihlášení k zákaznickým účtům",
+          "info": "Pokud chcete spravovat zákaznické účty, přejděte do [jejich nastavení](/admin/settings/customer_accounts)."
+        },
+        "enable_customer_avatar": {
+          "label": "Zobrazit avatar",
+          "info": "Zákazníci po přihlášení v aplikaci Shop zobrazí jen svůj avatar."
         }
       }
     },

diff --git a/locales/da.schema.json b/locales/da.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "Farveskema for menu"
+        },
+        "header__7": {
+          "content": "Login for kundekonti",
+          "info": "For at administrere kundekonti skal du gå til [indstillingerne for kundekonti](/admin/settings/customer_accounts)."
+        },
+        "enable_customer_avatar": {
+          "label": "Vis avatar",
+          "info": "Kunder ser kun deres avatar, når de er logget ind med Shop"
         }
       }
     },

diff --git a/locales/de.schema.json b/locales/de.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "Menü-Farbschema"
+        },
+        "header__7": {
+          "content": "Einloggen mit Kundenkonten",
+          "info": "Um deine Kundenkonten zu verwalten, gehe zu deinen [Kundenkonto-Einstellungen](/admin/settings/customer_accounts)."
+        },
+        "enable_customer_avatar": {
+          "label": "Avatar anzeigen",
+          "info": "Kunden sehen nur ihren Avatar, wenn sie bei Shop angemeldet sind."
         }
       }
     },

diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
@@ -1172,6 +1172,14 @@
           "options__2": {
             "label": "Left"
           }
+        },
+        "header__7": {
+          "content": "Customer accounts log in",
+          "info": "To manage customer accounts, go to your [customer accounts settings](/admin/settings/customer_accounts)."
+        },
+        "enable_customer_avatar": {
+          "label": "Show avatar",
+          "info": "Customers will only see their avatar when they're signed in with Shop"
         }
       }
     },

diff --git a/locales/es.schema.json b/locales/es.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "Esquema de colores del menú"
+        },
+        "header__7": {
+          "content": "Inicio de sesión de cuentas de cliente",
+          "info": "Para gestionar las cuentas de cliente, ve a la [configuración de cuentas de cliente](/admin/settings/customer_accounts)."
+        },
+        "enable_customer_avatar": {
+          "label": "Mostrar avatar",
+          "info": "Los clientes solo verán su avatar cuando inicien sesión en Shop."
         }
       }
     },

diff --git a/locales/fi.schema.json b/locales/fi.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "Värimallivalikko"
+        },
+        "header__7": {
+          "content": "Asiakastilille kirjautuminen",
+          "info": "Voit hallinnoida asiakastilejä [asiakastilien asetuksista](/admin/settings/customer_accounts)."
+        },
+        "enable_customer_avatar": {
+          "label": "Näytä avatar",
+          "info": "Asiakkaat näkevät oman avatarinsa vain ollessaan kirjautuneena Shopiin"
         }
       }
     },

diff --git a/locales/fr.schema.json b/locales/fr.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "Nuancier de couleurs de menu"
+        },
+        "header__7": {
+          "content": "Connexion au comptes clients",
+          "info": "Pour gérer les comptes clients, allez dans vos [paramètres de compte client](/admin/settings/customer_accounts)."
+        },
+        "enable_customer_avatar": {
+          "label": "Afficher l’avatar",
+          "info": "Les clients ne verront leur avatar que lorsqu’ils seront connectés à Shop"
         }
       }
     },

diff --git a/locales/it.schema.json b/locales/it.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "Schema di colori del menu"
+        },
+        "header__7": {
+          "content": "Come accedere agli account cliente",
+          "info": "Per gestire gli account cliente vai su [customer accounts settings](/admin/settings/customer_accounts)."
+        },
+        "enable_customer_avatar": {
+          "label": "Mostra avatar",
+          "info": "I clienti vedranno i propri avatar quando avranno effettuato l'accesso a Shop"
         }
       }
     },

diff --git a/locales/ja.schema.json b/locales/ja.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "メニューの配色"
+        },
+        "header__7": {
+          "content": "お客様アカウントのログイン",
+          "info": "お客様アカウントを管理するには、[お客様アカウント設定](/admin/settings/customer_accounts) に移動します。"
+        },
+        "enable_customer_avatar": {
+          "label": "アバターを表示",
+          "info": "お客様はShopにログインしているときのみアバターを見ることができます"
         }
       }
     },

diff --git a/locales/ko.schema.json b/locales/ko.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "메뉴 색상 구성표"
+        },
+        "header__7": {
+          "content": "고객 계정 로그인",
+          "info": "고객 계정을 관리하려면 [고객 계정 설정](/admin/settings/customer_accounts)으로 이동하십시오."
+        },
+        "enable_customer_avatar": {
+          "label": "아바타 표시",
+          "info": "고객이 Shop으로 로그인하면 본인의 아바타를 보기만 할 수 있습니다."
         }
       }
     },

diff --git a/locales/nb.schema.json b/locales/nb.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "Menyens fargepalett"
+        },
+        "header__7": {
+          "content": "Pålogging til kundekontoer",
+          "info": "Gå til [kundekontoinnstillingene](/admin/settings/customer_accounts) for å administrere kundekontoer."
+        },
+        "enable_customer_avatar": {
+          "label": "Vis avatar",
+          "info": "Kundene ser bare avataren sin når de er logget på med Shop"
         }
       }
     },

diff --git a/locales/nl.schema.json b/locales/nl.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "Kleurschemamenu"
+        },
+        "header__7": {
+          "content": "Inloggen bij klantaccounts",
+          "info": "Ga om klantaccounts te beheren naar je instellingen voor klantaccounts ](/admin/settings/customer_accounts)."
+        },
+        "enable_customer_avatar": {
+          "label": "Avatar weergeven",
+          "info": "Klanten kunnen de avatar alleen zien als ze zijn ingelogd bij Shop"
         }
       }
     },

diff --git a/locales/pl.schema.json b/locales/pl.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "Kolorystyka menu"
+        },
+        "header__7": {
+          "content": "Logowanie do kont klientów",
+          "info": "Aby zarządzać kontami klientów, przejdź do [ustawień kont klientów](/admin/settings/customer_accounts)]."
+        },
+        "enable_customer_avatar": {
+          "label": "Pokaż awatar",
+          "info": "Klienci zobaczą swój awatar tylko po zalogowaniu się przez Shop"
         }
       }
     },

diff --git a/locales/pt-BR.schema.json b/locales/pt-BR.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "Esquema de cores do menu"
+        },
+        "header__7": {
+          "content": "Login de contas de cliente",
+          "info": "Para gerenciar as contas de cliente, acesse as [configurações relacionadas](/admin/settings/customer_accounts)."
+        },
+        "enable_customer_avatar": {
+          "label": "Mostrar avatar",
+          "info": "Os clientes só veem o avatar deles depois de fazer login no Shop"
         }
       }
     },

diff --git a/locales/pt-PT.schema.json b/locales/pt-PT.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "Esquema de cores do menu"
+        },
+        "header__7": {
+          "content": "Início de sessão de contas de cliente",
+          "info": "Para gerir contas de cliente, aceda às suas [definições de contas de cliente](/admin/settings/customer_accounts)."
+        },
+        "enable_customer_avatar": {
+          "label": "Mostrar avatar",
+          "info": "Os clientes apenas verão o respetivo avatar quando iniciarem sessão com o Shop"
         }
       }
     },

diff --git a/locales/sv.schema.json b/locales/sv.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "Färgschema för meny"
+        },
+        "header__7": {
+          "content": "Inloggning till kundkonton",
+          "info": "Gå till [kundkontoinställningar](/admin/settings/customer_accounts) för att hantera kundkonton."
+        },
+        "enable_customer_avatar": {
+          "label": "Visa avatar",
+          "info": "Kunder ser endast sin avatar när de är inloggade med Shop"
         }
       }
     },

diff --git a/locales/th.schema.json b/locales/th.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "รูปแบบสีเมนู"
+        },
+        "header__7": {
+          "content": "บัญชีผู้ใช้ของลูกค้าเข้าสู่ระบบ",
+          "info": "หากต้องการจัดการบัญชีผู้ใช้ของลูกค้า ให้ไปที่การตั้งค่า[บัญชีผู้ใช้ของลูกค้า](/admin/settings/customer_accounts)"
+        },
+        "enable_customer_avatar": {
+          "label": "แสดงอวาตาร์",
+          "info": "ลูกค้าจะเห็นอวาตาร์ของตนเมื่อลูกค้าเข้าสู่ระบบด้วย Shop"
         }
       }
     },

diff --git a/locales/tr.schema.json b/locales/tr.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "Menü renk şeması"
+        },
+        "header__7": {
+          "content": "Müşteri hesaplarında oturum açma",
+          "info": "Müşteri hesaplarını yönetmek için [müşteri hesabı ayarlarınıza gidin ](/admin/settings/customer_accounts)"
+        },
+        "enable_customer_avatar": {
+          "label": "Avatarı göster",
+          "info": "Müşteriler, avatarlarını yalnızca Shop'a giriş yaptıkları zaman görür"
         }
       }
     },

diff --git a/locales/vi.schema.json b/locales/vi.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "Bảng màu của menu"
+        },
+        "header__7": {
+          "content": "Đăng nhập tài khoản khách hàng",
+          "info": "Để quản lý tài khoản khách hàng, vào mục [cài đặt tài khoản khách hàng](/admin/settings/customer_accounts)."
+        },
+        "enable_customer_avatar": {
+          "label": "Hiển thị hình đại diện",
+          "info": "Khách hàng sẽ chỉ nhìn thấy hình đại diện của họ khi họ đăng nhập bằng Shop"
         }
       }
     },

diff --git a/locales/zh-CN.schema.json b/locales/zh-CN.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "菜单配色方案"
+        },
+        "header__7": {
+          "content": "客户账户登录",
+          "info": "若要管理客户账户，请前往您的[客户账户设置](/admin/settings/customer_accounts)。"
+        },
+        "enable_customer_avatar": {
+          "label": "显示头像",
+          "info": "客户将仅在使用 Shop 登录时才会看到自己的头像"
         }
       }
     },

diff --git a/locales/zh-TW.schema.json b/locales/zh-TW.schema.json
@@ -1016,6 +1016,14 @@
         },
         "menu_color_scheme": {
           "label": "選單顏色配置"
+        },
+        "header__7": {
+          "content": "顧客帳號登入",
+          "info": "若要管理顧客帳號，請前往您的[顧客帳號設定](/admin/settings/customer_accounts)。"
+        },
+        "enable_customer_avatar": {
+          "label": "顯示大頭貼",
+          "info": "當顧客登入 Shop 時只會看到他們的大頭貼。"
         }
       }
     },

diff --git a/sections/footer.liquid b/sections/footer.liquid
@@ -232,10 +232,7 @@
 
           {%- if shop.features.follow_on_shop? and section.settings.enable_follow_on_shop -%}
             <div class="footer__follow-on-shop">
-              {% comment %} TODO: enable theme-check once `login_button` is accepted as valid filter {% endcomment %}
-              {% # theme-check-disable %}
               {{ shop | login_button: action: 'follow' }}
-              {% # theme-check-enable %}
             </div>
           {%- endif -%}
 

diff --git a/sections/header.liquid b/sections/header.liquid
@@ -256,13 +256,17 @@
 
       {%- if shop.customer_accounts_enabled -%}
         <a href="{%- if customer -%}{{ routes.account_url }}{%- else -%}{{ routes.account_login_url }}{%- endif -%}" class="header__icon header__icon--account link focus-inset{% if section.settings.menu != blank %} small-hide{% endif %}">
-          <account-icon>
-            {%- if customer and customer.has_avatar? -%}
-              {{ customer | avatar }}
-            {%- else -%}
-              {% render 'icon-account' %}
-            {%- endif -%}
-          </account-icon>
+          {%- if section.settings.enable_customer_avatar -%}
+            <account-icon>
+              {%- if customer and customer.has_avatar? -%}
+                {{ customer | avatar }}
+              {%- else -%}
+                {% render 'icon-account' %}
+              {%- endif -%}
+            </account-icon>
+          {%- else -%}
+            {% render 'icon-account' %}
+          {%- endif -%}
           <span class="visually-hidden">
             {%- liquid
               if customer
@@ -586,6 +590,18 @@
       "default": true,
       "label": "t:sections.header.settings.enable_language_selector.label"
     },
+    {
+      "type": "header",
+      "content": "t:sections.header.settings.header__7.content",
+      "info": "t:sections.header.settings.header__7.info"
+    },
+    {
+      "type": "checkbox",
+      "id": "enable_customer_avatar",
+      "default": true,
+      "label": "t:sections.header.settings.enable_customer_avatar.label",
+      "info": "t:sections.header.settings.enable_customer_avatar.info"
+    },
     {
       "type": "header",
       "content": "t:sections.header.settings.mobile_layout.content"