為佈景主題新增顧客登入連結

如果您使用的是新版顧客帳號,且佈景主題頁首中未顯示顧客可用的登入連結,建議為佈景主題新增顧客登入連結。在編輯佈景主題程式碼之前,請先查看自訂佈景主題的考量事項

查看佈景主題上的登入連結

許多佈景主題預設包含登入連結。在繼續此教學課程之前,請檢查您的佈景主題是否支援登入連結。

步驟如下:

  1. 在 Shopify 管理介面 中,前往「設定」>「顧客帳號」。

  2. 開啟「顯示登入連結」切換按鈕。

  3. 開啟登入連結後,請像顧客一樣造訪自家網路商店,並在商店頁首中查看用於登入的個人檔案圖示。

  4. 如果未顯示個人檔案圖示,請按照以下步驟為佈景主題新增登入連結。

為佈景主題新增登入連結

如果您的網路商店頁首未顯示可供顧客登入商店的個人檔案圖示,建議您為佈景主題新增登入連結。

步驟如下:

  1. 在 Shopify 管理介面中,前往「網路商店」>「佈景主題」。
  2. 找到要編輯的佈景主題,按一下「...」按鈕以開啟動作選單,然後點擊「編輯程式碼」。
  3. 在「區段」資料夾中,開啟 header.liquid 檔案。
  4. header.liquid 檔案中新增下列程式碼片段,然後按一下「儲存」。
    • 若要在顧客登入後將他們引導至顧客帳號:
{% if customer %}
  <a href="{{ routes.account_url }}">Account</a>
{% else %}
  <a href="{{ routes.account_login_url }}">Login</a>
{% endif %}
  • 若要在顧客登入後將他們引導回網路商店:
{% if customer %}
  <a href="{{ routes.account_url }}">Account</a>
{% else %}
  <a href="{{ routes.storefront_login_url }}">Login</a>
{% endif %}
沒有找到您需要的答案嗎?我們很樂意為您提供協助。