公開日:2023.12.10最終更新日:2025.03.23

Shopifyのテーマ「Dawn」のアカウントアイコンをログインの前と後で変える設定例

Shopifyのテーマ「Dawn」のアカウントアイコンをログインの前と後で変える設定例

用途

  • ヘッダー管理・編集

実装方法

  • LIQUID
詳細を表示する

Shopifyで「お客様アカウント」を有効化するとヘッダーにアカウントアイコンが表示されるようになりますが、このアカウントをログイン状態の有無に応じて切り替える方法です。アイコンを表示するスニペットファイルの中で、ログイン判定するコードを使って実装できます。


テーマ「Dawn」のアカウントアイコンをログインの前と後で変える設定例


【設定方法①】ログインアイコンのSVGファイルを新規作成


【設定方法②】header.liquidのアカウントアイコン表示箇所コードを差し替え


【※Dawn Ver.14.0.0以前の設定方法】ログインアイコンのスニペッツファイル「icon-account.liquid」についてログイン状態の有無に応じて異なるSVGコードを切り替えて表示するように修正


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

ログインアイコンのSVGファイルを新規作成

関連ポスト