④-2「従来（のお客様アカウント）」を選択しているストア向けの定期購買マイページ動線設置方法

2026年2月26日以降、「従来のお客様アカウント」は非推奨となりました。

新規ストアには自動的に「新しいお客様アカウント」が適用されます。

（公式アナウンスはこちら）

設定＞お客様アカウント＞従来を選択されているストア様向けの、マイページ動線設定方法です。

※お客様アカウントを選択されている場合は、こちらの手順をご確認ください。

※お客様アカウントのバージョンを確認する方法はこちらをご確認ください。

定期購買マイページ動線設置手順

▫️デフォルトマイページを利用されている場合

アカウントページの編集画面を開く
アドレスとパスワードを入力して、ログインする
左メニュー「テンプレート」の「セクションを追加」をクリック
「アプリ」タブにある、「定期購買_契約情報」を選択

▫️マイページカスタマイズを利用されている場合

※「従来(のお客様アカウント)」を利用している場合

本番環境へ反映させるにはテーマファイルの編集が必要となります。

テーマ内のhuckleberry-subscription-customer-portal.liquidのファイルを開く
下記の通りコードを編集する。

（変更前）

Plaintext

<div id="huckleberry-subscription-customer-portal-wrap">

（変更後）

Plaintext

<div id="huckleberry-subscription-customer-portal-wrap-experimental">

上記設定後、マイページにアクセスするとカスタマイズされたページが表示されます。

※テーマによっては、huckleberry-subscription-customer-portal.liquid がない場合もございます。その場合は、インストール画面の下記部分に表示されているファイルに上記コードを追加ください。

その他、下記ページを参考に、実装担当者様の方でマイページの実装を進めてください。

👉マイページカスタマイズAPIリファレンス

▫️定期購買一覧リンクの表示位置をカスタマイズしたい場合

セクションを追加からの手順は行わず、代わりにsections/main-account.liquidのコード編集画面を開いて、以下を挿入してください。

※ファイル名はテーマごとに異なる可能性があります。

定期購買一覧リンクを表示したい箇所に、以下のコードを追加

Plaintext

<a href="/account?hbSubscriptionPath=/">定期購買一覧</a>

上記コードを追加したLiquidの最下部に、以下のコードを追加

Plaintext

<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を追記することができないため、カスタマイズはできません。

よくあるご質問

「アカウントに戻る」が左にずれます。対応方法は？

テーマのCSSの影響でずれることがあるようです。

テーマのCSSファイルに下記を追記して調整ください。

※数字部分は適宜調整してください

Plaintext

#huckleberry-subscription-customer-portal-wrap p:first-child {
    margin: 20px;
}

まだ定期購入サービスをリリースしていません。設定は進めたいのですが、定期購買マイページへの導線をお客様に見えないようにする方法はありますか？

【「（新しい）お客様アカウント」を利用している場合】

完全に非表示にする方法はありませんが、以下のいずれかの対応で、公開のタイミングを調整いただけます。

■ 方法①：一部の設定手順を後回しにする

手順1〜5までを先に実施
手順6・7（公開に関わる部分）は、リリース時に実施する

■ 方法②：仮タイトルで「準備中」と表示する

手順1〜6までを実施
手順7で、メニュー名を「※準備中」などに設定し、準備中であることを明示する

お客様に誤ってアクセスされるのを避けつつ、設定を進めることが可能です。

【「従来（のお客様アカウント）を利用している場合」】

設置手順の1~4を実行しなければ、お客様に閲覧されることはありません。

「お客様に閲覧されたくないが、表示内容は確認したい」という場合、下記の方法で対応ください。

1. 公開中のテーマを複製

2. 複製されたテーマ（非公開のテーマ）に対して設置手順を実行する

お客様アカウントのバージョンを「従来」→「（新しい）お客様アカウント」に変更した場合、既存の定期契約に影響はありますか？

お客様アカウントのバージョンを「従来」→「（新しい）お客様アカウント」に変更しても、既存のご契約に影響はありません。

ただし、お客様のログイン方法が変更される点にはご注意ください。

ログイン方法の詳細や影響については、以下のShopify公式ヘルプをご確認ください：Shopifyヘルプ｜お客様アカウント

サブスクの運用を終了する予定です。定期購買マイページへの導線を削除するには、どうすればよいですか？

以下の手順で削除いただけます。

【（新しい）お客様アカウントを利用している場合】

1. 「コンテンツ＞メニュー＞お客様アカウントのメインメニュー」にアクセスし、定期購買マイページに遷移するリンクを削除

2. 設定手順1〜3 を実施（※テーマのカスタマイズ画面に関する手順）

3. サイドバーの「アプリ」を開き、定期購買のチェックマークをクリック → 右向き矢印をクリック

4. サイドバーに表示された「定期購買」の右にある「…（3点リーダー）」をクリックし、「削除」を選択

【従来（のお客様アカウント）を利用している場合】

1. アカウントページの編集画面を開く

2. 「アプリ」タブにある、「定期購買_契約情報」を削除して保存

「お客様アカウント」を選択していますが、定期購買アプリの導線はLiquidでカスタマイズできますか？

「お客様アカウント」を選択している場合、

Shopifyの仕様により、Liquidでのカスタマイズはできません。

Shopifyの仕様により、お客様アカウントのバージョンが「従来」でない場合はアカウントページのLiquidファイルが提供されておらず、Liquidによるカスタマイズはできません。

詳細は以下のShopify公式ヘルプをご参照ください：Shopifyヘルプ｜お客様アカウント