分割払い/一括払い

【DEMO】分割払い/一括払い 同じ商品ページから選択可能

商品概要 本商品は、同じ商品ページから分割払い/一括払いどちらも選択可能です。 設定方法 下記ヘルプページをご覧ください。https://docs.channel.io/subscription/ja/articles/c8bbb1b2-分割払い一括払い

定期購買アプリDEMOストア

本ページの設定を行うことで、商品は下記の状態となります。

• 同じ商品ページから分割払い/一括払いどちらも選択可能

• 12万円の商品を、12回分割払いで購入可能

1. 「分割払い / 1,000円」と「一括払い / 12,000円」をバリエーション登録する

   

1. 左メニューの「プラン設定」より「通常定期プランの作成」をクリック

   

2. 各種項目を設定する

   プラングループ設定

   ・プラングループタイトル：管理画面上で表示するタイトルを入力

   ・公開タイトル：任意のテキスト（以下の箇所に表示されます）

   

   ・定期購買プランの標準選択：なし

   ・販売方法のオプション設定：通常販売

   ・商品の選択：分割払いのバリエーションのみを選択

   

   

   ・送料設定：なし

   ・顧客のタグ設定：任意

   プラン設定

   ・プラン：任意のテキスト（以下の箇所に表示されます）

   

   ・プランの説明：任意のテキスト（以下の箇所に表示されます）

   

   ・購入の間隔：1か月

   ・最低購入回数：12回

   ・最高購入回数：12回

   

   ・2回目以降の決済日：任意

   ・初回割引（初回だけお得な割引設定）：なし

   ・割引（定期購買だけのお得な割引設定）：なし

3. 設定が完了したら、画面右下の「保存」をクリック

1. 一般設定にて、分割払いの途中で顧客側から解約等できないよう設定しておく

   

1. オンラインストアのテーマから「コードを編集」をクリック

2. 「新しいセクションを追加する」をクリック

3. 任意のファイル名で新規セクションを作成

   

4. 作成した新規セクションに「main-product.liquid」の内容をコピーして貼り付ける

使用されているテーマによって、ファイル名は異なります。

商品ページのliquidファイルの内容をコピーして貼り付けてください。

5. {%- style -%}タグの中に、以下のコードを挿入する

 /* 定期購入の選択肢を非表示にする */
.huckleberry-subscription-widget-container input[value="subscription"] {
    display: none;
}

.huckleberry-subscription-widget-container input[value="subscription"] + label {
    display: none;
}

/* 都度購入の選択肢を非表示にする */
.huckleberry-subscription-widget-container input[value="onetime"] {
    display: none;
}

.huckleberry-subscription-widget-container input[value="onetime"] + label {
    display: none;
}

6. 「保存」をクリック

   

1. 同じく、コード編集画面より「新しいテンプレートを追加する」をクリック

2. 任意のファイル名で、以下のように新規テンプレートを作成

   

3. 新規作成したテンプレートの type を、ステップ４で作成したセクションのファイル名に置き換えて「保存」をクリック

   

1. 「テーマテンプレート」から、ステップ５で作成したファイル名を選択

   

2. 「保存する」をクリック