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

あなたが学ぶこと

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

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

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


🧭 テーマエディタでのアカウントページへのアクセス

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

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

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

  3. プレビュー経由で顧客アカウントとしてログインする

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

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


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

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

カスタマイズオプション

ヒーロー画像

  • ヘッダー画像をアップロードしてページに視覚的なブランドを付与する

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

テキスト設定

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

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

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

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

カラー設定

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

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

  • 購入がない場合の「注文はありません」メッセージの色

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


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

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

カスタマイズオプション

ヒーロー画像

  • オプションのヘッダー画像(削除または角丸にするトグル付き)

テキストフィールド

  • セクションヘッダー(例:「住所の管理」)

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

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

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

  • 入力用の仕切り線とボーダーの色を設定する

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

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

ヘルプが必要ですか?

  • 💬 Discord のコミュニティに参加してください: https://discord.gg/hcc2GvgZc6

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

  • 💻 ライブチャット: 月〜金、現地時間(EST)10:00〜18:00 に当社ウェブサイトで直接利用可能

最終更新