2026年2月26日以降、「従来のお客様アカウント」は非推奨となりました。
新規ストアには自動的に「新しいお客様アカウント」が適用されます。
（公式アナウンスはこちら）
※2026年8月19日追記：早くて2027年夏頃めどで従来のお客様アカウントが完全廃止されるとの情報を聞いております。従来のお客様アカウントを利用されている店舗様は、新しいお客様アカウントへの移行を推奨します。
設定＞お客様アカウント＞従来を選択されているストア様向けの、マイページ動線設定方法です。
※お客様アカウントを選択されている場合は、こちらの手順をご確認ください。
※お客様アカウントのバージョンを確認する方法はこちらをご確認ください。
アカウントページの編集画面を開く
アドレスとパスワードを入力して、ログインする
左メニュー「テンプレート」の「セクションを追加」をクリック
「アプリ」タブにある、「定期購買_契約情報」を選択
※「従来(のお客様アカウント)」を利用している場合
本番環境へ反映させるにはテーマファイルの編集が必要となります。
テーマ内の
huckleberry-subscription-customer-portal.liquidのファイルを開く下記の通りコードを編集する。
（変更前）
<div id="huckleberry-subscription-customer-portal-wrap">（変更後）
<div id="huckleberry-subscription-customer-portal-wrap-experimental">上記設定後、マイページにアクセスするとカスタマイズされたページが表示されます。
※テーマによっては、huckleberry-subscription-customer-portal.liquid がない場合もございます。その場合は、インストール画面の下記部分に表示されているファイルに上記コードを追加ください。
その他、下記ページを参考に、実装担当者様の方でマイページの実装を進めてください。
セクションを追加からの手順は行わず、代わりにsections/main-account.liquidのコード編集画面を開いて、以下を挿入してください。
※ファイル名はテーマごとに異なる可能性があります。
定期購買一覧リンクを表示したい箇所に、以下のコードを追加
<a href="/account?hbSubscriptionPath=/">定期購買一覧</a>上記コードを追加したLiquidの最下部に、以下のコードを追加
<div id="huckleberry-subscription-customer-portal-wrap">
<p><a href="{{ routes.account_url }}">アカウントに戻る</a></p>
<div id="huckleberry-subscription-customer-portal"></div>
</div>お客様アカウントのバージョンが「従来」でなく「お客様アカウント」の場合は、Shopifyの仕様上アカウントページ上にLiquidを追記することができないため、カスタマイズはできません。