アカウントダッシュボードページ
あなたが学ぶこと
レガシーアカウントを使用したカスタマーダッシュボードのスタイリング方法
どこで見つけてカスタマイズするか
customer/accountとcustomer/addressesページShopifyテーマエディタ内でアカウントコンテンツをプレビューするためのヒント
🧭 テーマエディタでのアカウントページへのアクセス
アカウントダッシュボード(顧客がログイン後に見る画面)をカスタマイズするには、以下が必要です:
ストアを開く( Shopify テーマエディタ
に移動) ログイン または 登録 ページ
プレビュー経由で顧客アカウントとしてログインする
ログインすると、アカウントダッシュボードにリダイレクトされます
💡 ヒント: テーマエディタのプレビューからログインする必要があります —
/accountをエディタのURLバーに入力しても、ログインページが再読み込みされるだけです。
🧑💼 アカウント詳細セクション(customer/account)
customer/account)このセクションには顧客の名前、メール、および注文リストが表示されます。
カスタマイズオプション
ヒーロー画像
ヘッダー画像をアップロードしてページに視覚的なブランドを付与する
ヒーロー画像を削除または角丸にするオプション
テキスト設定
歓迎テキスト(例:「ようこそ」)
メールラベル(例:「メール:」)
住所を見るリンクテキスト
ログアウトボタンのテキスト
カラー設定
歓迎メッセージ、メール、ログアウト、リンクのテキストカラー
テーブルの背景およびテーブルテキストの色
購入がない場合の「注文はありません」メッセージの色
💡 全体のテーマに合わせるため、テキストには中立的なグレーまたはブランドのアクセントカラーを使用してください。
🏠 アカウント住所セクション(customer/addresses)
customer/addresses)このセクションでは、顧客が保存された住所を表示、追加、または編集できます。
カスタマイズオプション
ヒーロー画像
オプションのヘッダー画像(削除または角丸にするトグル付き)
テキストフィールド
セクションヘッダー(例:「住所の管理」)
「新しい住所を追加」ボタンのテキスト
編集、削除、戻るナビゲーションのラベル
色
ヘッダー、ボタン、リンクなど各テキスト要素をカスタマイズする
入力用の仕切り線とボーダーの色を設定する
編集フォームのボタンの背景色とテキスト色
💡 ヒント: スムーズな体験のために、ボタンとリンクの色はアカウントページの他の部分と一貫性を保ってください。
ヘルプが必要ですか?
💬 Discord のコミュニティに参加してください: https://discord.gg/hcc2GvgZc6
📧 メールでお問い合わせ: [email protected]
💻 ライブチャット: 月〜金、現地時間(EST)10:00〜18:00 に当社ウェブサイトで直接利用可能
最終更新