住所管理ページ

あなたが学ぶこと

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

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


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

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


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

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

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

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

📸 ヒーロー画像

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

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

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

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


📝 ヘッダーおよびボタンテキスト

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

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

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


🎨 カラー設定

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

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

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

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

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

    • 区切り線

    • 入力フィールド

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


🖍️ 設定の例

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

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

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

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

⚠️ 警告: コントラストの低い色の組み合わせはアクセシビリティを損なう可能性があります。背景に対してテキストが目立つようにしてください。


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

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

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

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

ヘルプが必要ですか?

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

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

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

最終更新