search

アカウントダッシュボードページ

hashtag
学べること

  • レガシーアカウントを使用してカスタマーダッシュボードをスタイリングする方法

  • どこで見つけてカスタマイズするか customer/account および customer/addresses ページ

  • Shopifyテーマエディタ内でアカウントコンテンツをプレビューするためのヒント

hashtag
🧭 テーマエディタでアカウントページにアクセスする方法

アカウントダッシュボード（顧客がログイン後に見る画面）をカスタマイズするには、以下が必要です：

  1. ストアを開く（ Shopify テーマエディタ

  2. に移動する ログイン または 登録 ページ

  3. プレビューを通じて顧客アカウントでログインする

  4. ログインすると、アカウントダッシュボードにリダイレクトされます

💡 ヒント: テーマエディタのプレビュー経由でログインする必要があります — /account をエディタのURLバーに入力すると、ログインページが再読み込みされるだけです。

hashtag
🧑‍💼 アカウント詳細セクション（customer/account)

このセクションは顧客の名前、メール、注文一覧を表示します。

hashtag
カスタマイズオプション

ヒーロー画像

  • ヘッダー画像をアップロードしてページに視覚的なブランディングを施す

  • ヒーロー画像を削除したり、角を丸めるオプション

テキスト設定

  • 歓迎テキスト（例：「ようこそ」）

  • メールラベル（例：「メール：」）

  • 住所を見るリンクのテキスト

  • ログアウトボタンのテキスト

カラー設定

  • 歓迎メッセージ、メール、ログアウト、リンクのテキスト色

  • テーブルの背景色およびテーブルのテキスト色

  • 購入がない場合の「注文なし」メッセージの色

💡 テキストには全体のテーマに合わせてニュートラルなグレーかブランドアクセントカラーを使用してください。

hashtag
🏠 アカウント住所セクション（customer/addresses)

このセクションでは顧客が保存済みの住所を表示、追加、編集できます。

hashtag
カスタマイズオプション

ヒーロー画像

  • オプションのヘッダー画像と、それを削除または角を丸めるためのトグル

テキストフィールド

  • セクションヘッダー（例：「住所を管理」）

  • 「新しい住所を追加」ボタンのテキスト

  • 編集、削除、戻るナビゲーションのラベル

色

  • ヘッダー、ボタン、リンクなど各テキスト要素をカスタマイズ

  • 入力欄の区切り線とボーダーの色を設定

  • 編集フォームのボタン背景色とテキスト色

💡 ヒント: スムーズな体験のために、ボタンとリンクの色は他のアカウントページと一貫性を保ってください。

hashtag
ヘルプが必要ですか？

前へ登録ページ次へ住所管理ページ

最終更新