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

学べること

  • 従来のアカウントを使用してカスタマーダッシュボードをスタイル設定する方法

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

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


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

アカウントダッシュボード(顧客がログイン後に見るページ)をカスタマイズするには、次の操作が必要です:

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

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

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

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

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


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

このセクションには顧客の名前、メールアドレス、注文リストが表示されます。

カスタマイズオプション

ヒーロー画像

  • ページの視覚的なブランド化のためにヘッダー画像をアップロードする

  • ヒーロー画像を削除または角を丸めるオプション

テキスト設定

  • 歓迎テキスト(例:「ようこそ」)

  • メールラベル(例:「メール:」)

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

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

色設定

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

  • テーブルの背景色とテーブルテキストの色

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

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


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

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

カスタマイズオプション

ヒーロー画像

  • 任意のヘッダー画像(削除または角を丸める切り替えあり)

テキストフィールド

  • セクション見出し(例:「住所を管理」)

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

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

  • 見出し、ボタン、リンクなど各テキスト要素をカスタマイズする

  • 入力欄の仕切り線と境界線の色を設定する

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

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

ヘルプが必要ですか?

  • 💬 Discordでコミュニティに参加: https://discord.gg/hcc2GvgZc6

  • 📧 メールでお問い合わせ: [email protected]

  • 💻 ライブチャット: 月曜〜金曜、午前10時〜午後6時(EST)に当社ウェブサイトで直接利用可能

最終更新