住所管理ページ

学べること

  • 旧アカウントシステムの顧客住所管理ページをカスタマイズする方法

  • ラベル、色、画像設定を調整する場所


住所管理ページでは、ログインした顧客が保存済みの配送先住所を表示、追加、または更新できます。このページは旧顧客アカウントフローの一部で、ログイン後にアクセスできます。

💡 ヒント: このページにアクセスして編集するには、テーマエディター経由でストアプレビューにログインする必要があります。入力すると /account/addresses プレビューのURLに直接入力しても、カスタマイザー内から既にログインしていない限り動作しない場合があります。


住所管理ページのカスタマイズ

Shopify テーマエディター内で、次へ移動します:

テーマエディター → 顧客アカウントページ → 顧客の住所

次の編集可能なオプションがあります:

📸 ヒーロー画像

  • 登録サイド画像 – ページ上部に表示されるバナー画像をアップロードします。

  • アカウントヒーロー画像を削除 – 必要ない場合に画像を非表示にするトグルです。

  • カーブヒーロー画像 – ヒーローバナーに角丸を追加します。

💡 ヒント: 読み込みを速くするため、画像は軽量(1MB以下)にしてください。


📝 ヘッダーとボタンのテキスト

トーンや文体に合わせてこれらの項目をカスタマイズしてください:

  • ヘッダーテキスト – 例:「住所を管理する」

  • 新しい住所を追加するテキスト – 住所フォーム上部に表示されるボタンラベル


🎨 カラー設定

すべてのテキストとボタンの色を完全にカスタマイズできます:

  • 戻る矢印の色 – 戻るためにヘッダーに表示されます

  • ヘッダータイトルの色 – メインタイトルのテキスト

  • リンクとボタンの色 – 次の色を変更できます:

    • 住所の追加、編集、削除のリンク

    • 区切り線

    • 入力フィールド

    • 送信ボタン(背景とテキスト)


🖍️ 設定の例

  • フォームボタンの色: #9F9F9F

  • フォームボタンのテキスト色: #FFFFFF

  • 住所行の区切り色: #9F9F9F

  • 入力テキストの色: #777777

⚠️ 警告: コントラストの低い色の組み合わせはアクセシビリティを損なう可能性があります。テキストが背景に対してはっきり見えることを確認してください。


保存されると、顧客は次のことが可能になります:

  • 既存の配送先住所を確認する

  • カスタムラベルとボタンテキストを使って新しい住所を追加する

  • スタイライズされたUIで保存済みの住所を編集または削除する

ヘルプが必要ですか?

最終更新