為佈景主題新增顧客登入連結
如果您使用的是新版顧客帳號,且佈景主題頁首中未顯示顧客可用的登入連結,建議為佈景主題新增顧客登入連結。在編輯佈景主題程式碼之前,請先查看自訂佈景主題的考量事項。
查看佈景主題上的登入連結
許多佈景主題預設包含登入連結。在繼續此教學課程之前,請檢查您的佈景主題是否支援登入連結。
步驟如下:
在 Shopify 管理介面 中,前往「設定」>「顧客帳號」。
開啟「顯示登入連結」切換按鈕。
開啟登入連結後,請像顧客一樣造訪自家網路商店,並在商店頁首中查看用於登入的個人檔案圖示。
如果未顯示個人檔案圖示,請按照以下步驟為佈景主題新增登入連結。
為佈景主題新增登入連結
如果您的網路商店頁首未顯示可供顧客登入商店的個人檔案圖示,建議您為佈景主題新增登入連結。
步驟如下:
- 在 Shopify 管理介面中,前往「網路商店」>「佈景主題」。
- 找到要編輯的佈景主題,按一下「...」按鈕以開啟動作選單,然後點擊「編輯程式碼」。
- 在「區段」資料夾中,開啟
header.liquid
檔案。 - 在
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 %}