更新 2022.5.10 12:50閲覧 5023

簡易ショッピング機能の使い方

概要

簡易ショッピング機能とは、記事内にペイパル決済フォームを表示し、会員に対して商品を販売できるようにするものです。 ペイパル側から決済完了の通知が届いた際に販売総数から差し引くこともできますが、 在庫管理が厳密でなくても差し支えない小規模店舗向けの機能となります。 ※ショッピングカート機能ではありません

使い方

記事に金額などを記述し、「複数行コメント/*(要改行)*/」で囲みます。 記述が必須となるのは金額だけですが、区切り線(|)で区切って追記することで、商品名販売総数送料を個別設定することができます。 また、複数の商品を販売したい場合は、複数行コメントを複数記述するか、 ひとつの複数行コメントに、金額などを複数行記述して、ラジオボタンで選択できる仕様とすることもできます。 他にも、複数行コメントの数に合わせて商品画像を掲載したい場合は、 記事フォルダ内に item-images フォルダを作成し、1.jpg、2.jpg、3.jpg のように複数行コメントの数に合わせた画像を用意します。 なお、投稿機能を利用する場合は、管理者だけが複数行コメントを記述することができます。

設定

基本設定は言語ファイルを編集して下さい。当該ファイルにも説明書きがあります。 決済用  $business_mail_address = 'business@example.com'; 確認用  $sandbox_mail_address = 'sb-xxxxxx@business.example.com'; 決済通貨 $currency_code = 'JPY'; 使用言語 $locale_code = 'JP'; 消費税  $tax = 10; 送料   $shipping = 500; 配送時間 $delivery_times = ['午前中', '12時頃~14時頃', '14時頃~16時頃', '16時頃~18時頃', '18時頃~20時頃', '19時頃~21時頃', '20時頃~21時頃']; ロゴ画像 $paypal_logo = 'https://www.paypalobjects.com/marketing/web/jp/developer/logos-buttons/download/319x110_c_20200120.png';

記述例 1

記事本文に金額のみを記述し、複数行コメントで囲みます。 ※金額に「桁区切り」は使用できません。
/*
100
*/

表示例 1

商品名は「簡易ショッピング機能の使い方1(記事名+順番)」となります。 金額には送料が加算され、消費税が適用されます。 金額に指定されいるクラス名は item-price-1 paypal-form-price mb-3 です。
価格:660円(送料500円+税込)
ログインして購入

記述例 2

記事本文に金額と商品名を記述し、複数行コメントで囲みます。 ※長い商品名は非推奨で、HTML タグは使用できません。
/*
200|サンプル2
*/

表示例 2

金額の上に商品名を表示し、金額に送料が加算され、消費税が適用されます。 商品名に指定されているクラス名が item-name-2 paypal-form-title mb-3 で、 金額に指定されているクラス名は item-price-2 paypal-form-price mb-3 です。
サンプル2
価格:770円(送料500円+税込)
ログインして購入

記述例 3

記事本文に金額、商品名と販売総数を記述し、複数行コメントで囲みます。 ※商品名が重複すると販売数のカウントが機能しなくなります。
/*
300|サンプル3|10
*/

表示例 3

金額の上に商品名と販売総数を表示し、金額に送料が加算され、消費税が適用されます。 商品名に指定されているクラス名が item-name-3 paypal-form-title mb-3、 販売総数に指定されているクラス名が item-total-3 mb-3 で、 金額に指定されているクラス名は item-price-3 paypal-form-price mb-3 です。
サンプル3
残り:10
価格:880円(送料500円+税込)
ログインして購入

記述例 4

記事本文に金額、商品名、販売総数と送料を記述し、複数行コメントで囲みます。 ※区切り線の前後はスペースやタブで整形することができます。
/*
    400 | サンプル4 | 5 | 0
*/

表示例 4

金額の上に商品名と販売総数を表示し、送料を無料とした上で金額に消費税が適用されます。 商品名に指定されているクラス名が item-name-4 paypal-form-title mb-3、 販売総数に指定されているクラス名が item-total-4 mb-3 で、 金額に指定されているクラス名は item-price-4 paypal-form-price mb-3 です。
サンプル4
残り:5
価格:440円(送料0円+税込)
ログインして購入

記述例 5

記事本文に金額、商品名、販売総数と送料を複数記述し、複数行コメントで囲みます。
/*
500|サンプル5|50|50
600|サンプル6
700|サンプル7|0|0
800|サンプル8|80|800
*/

表示例 5

商品名、販売総数、送料と消費税が適用された金額をラベルとしたラジオボタンが行数分表示されます。 ※販売総数を 0 とした場合と、売り切れて 0 になった際にはグレーアウトします。
ログインして購入

記述例 6

複数行コメントを HTML タグで囲みます。
<div class="card w-50">
    <div class=card-header></div>
    <div class=card-body>
    /*
        900|画像付きサンプル
    */
    </div>
</div>

表示例 6

item-images フォルダにアップロードした 6.jpg が表示されます。
6.jpg
画像付きサンプル
価格:1540円(送料500円+税込)
ログインして購入