OS 2.0 テーマへのインストールについて
◼️ テーマ 2.0 自動インストールについて
- 「定期購買」アプリをインストールする テーマ(2.0対応)を選択
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/huckleberry-subscription/4d158633-7da4-4cd3-9b43-ab2609263df2/6b92614e504fbe464fae463be680dbfe.png)
- 「商品詳細ページ」の設定は「Theme設定」のリンクから、テーマのカスタマイズ画面に遷移頂き、テーマのカスタマイズからブロック追加してください。
- テーマカスタマイズ ブロック追加の詳細
- 商品詳細ページに遷移し、「ブロックを追加」から「定期購買アプリ」を選択
- ウィジェットの表示位置を調整してください
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/huckleberry-subscription/91a4b7b8-6f3a-4796-b65d-c96cbf05e351/cbf48624a79d5e3f47581cc21bc31632.png)
テーマのカスタマイズより、「ブロックを追加」から追加できます
表示位置をお好きな位置に調整できます。
「商品詳細ページにプランを表示」するには、ShopifyPaymentが設定されている必要があります。詳しくは、こちらから>>
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/huckleberry-subscription/277c3e6d-fd4d-4789-98c6-897aa00c3b6e/086d022e8362fbfab5bc92bfdcaf8f5d.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/huckleberry-subscription/620cfc93-3f75-43a3-8719-ac13553563ba/1d46c1dcd3a2cfb3e9d283ab25add254.png)
- 「マイページ」「注文履歴ページ」の各ページへインストールする
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/huckleberry-subscription/11aa077f-925c-4cda-a2b4-229c7e94b74d/9b3ca92aa2fc754b94e3cddd9694c72b.png)
マイページに「定期購買の注文履歴」へのリンクを表示
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/huckleberry-subscription/3a813d26-7ca6-43b8-83ce-5f954a55252c/353ef6b91d14ece9a5671859279649f2.png)
上図の
「templates/customers/account.liquid」
をクリックするか、Shopify管理ページの「オンラインストア」から「アクション > コードを編集する」より、 の任意の場所に貼り付けてください。
"Debut" テンプレートの場合などは、ログアウトの隣に設置するのがオススメです。
例)
<div class="section-header text-center">
<h1>{{ 'customer.account.title' | t }}</h1>
<a href="/account?hbSubscriptionPath=/">定期購買一覧</a>
{{ 'layout.customer.log_out' | t | customer_logout_link }}
</div>
*貼り付ける箇所がわからない場合は、お問い合わせください。