住所管理ページ

学べること

  • レガシーアカウントシステムでの顧客住所管理ページのカスタマイズ方法

  • ラベル、色、画像設定の調整場所


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

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


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

Shopifyのテーマエディタ内で、次の場所に移動します:

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

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

📸 ヒーロー画像

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

  • アカウントヒーロー画像を削除 – 必要ない場合は画像を非表示にするための切り替えです。

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

💡 ヒント: 読み込み時間を短くするために、画像は軽量(1MB未満)にしてください。


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

トーンや声に合わせてこれらのフィールドをカスタマイズします:

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

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


🎨 カラー設定

すべてのテキストとボタンの色は完全にカスタマイズ可能です:

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

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

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

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

    • 区切り線

    • 入力フィールド

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


🖍️ 例の設定

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

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

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

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

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


保存されると、顧客は次のことができるようになります:

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

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

  • スタイリングされたUIで保存された場所を編集または削除する

ヘルプが必要ですか?

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

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

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

最終更新