Tw
感想を共有しよう！

カートに入れる数量入力をセレクトボックスにするプラグイン(EC-CUBE4.2-4.3系対応)

販売価格：550円(税込)

公開日： 2022年10月5日 / 更新日： 2024年9月9日

対応バージョン： 4.2.0以上
4.3系	4.3.0
4.2系	4.2.0｜4.2.1｜4.2.2｜4.2.3｜4.2.3-p1

提供：ARCHIPELAGO Inc.

サポート： eccube-support@arcplg.com

ライセンス： LGPL

商品情報

商品一覧、商品詳細のカートに入れる際の数量入力をセレクトボックスに変更できるプラグインです。

EC-CUBE4の標準機能では、商品一覧・商品詳細からカートに商品を入れる際、数量の指定方法が手入力になっています。

これをセレクトボックスに変更することができます。

また、在庫数、販売制限、最低購入数により選択可能な数量が自動で制御されます。

プラグインをインストールするだけで、数量入力がセレクトボックスに変わります。

プラグインをインストールするだけで、現在あるフロントページの数量入力がセレクトボックスに切り替わります。

選択可能な数量は、設定値、在庫数、販売制限により自動的に変わります

セレクトボックスで選択可能な数量は、設定値、在庫数、販売制限の3つの要素により決まります。

プラグイン設定画面の設定値

選択可能な最大値は、プラグインの設定画面で設定できます。
ここで設定された数量は、選択可能な数量のデフォルト値として扱います。
デフォルトの設定値は「20」に設定されています。

※設定値の変更は、プラグイン一覧の「設定」より画面遷移して作業します。

在庫数による制限

在庫数が設定値より少ない場合、選択可能な数量は在庫数以下となります。

例えば、「設定値=20」「在庫数=10」の場合、セレクトボックスで選択可能な数量は「10」になります。

なお、商品規格が設定されている場合、各商品規格の在庫のうち最も多い在庫数を選択可能な数として判断します。

販売制限による制限

商品に設けられている販売制限数が設定値、及び在庫数より少ない場合、選択可能な数量は販売制限数となります。

例えば、「設定値=20」「在庫数=10」「販売制限数=5」の場合、セレクトボックスで選択可能な数量は「5」になります。

なお、商品規格が設定されている場合、各商品規格の販売制限数のうち最も大きな数を選択可能な数として判断します。

最低購入数による制限

本プラグインをインストールすると、EC-CUBE標準機能にない「最低購入数」の設定ができるようになります。

最低購入数は、商品(商品規格がある場合は、規格毎)に設定できます。

設定された最低購入数以下の数量をカートに入れることはできなくなります。

※未設定の場合は、最低購入数は1からとなります。

標準テンプレートの数量入力のデザインについて

プラグイン導入後、数量入力がセレクトボックスに変わりますが、標準のテンプレートをお使いの方はデザインが気になるかもしれません。
その場合、テンプレートファイルを一部修正することでデザインを修正することができます。

※htmlの知識がある方が対応されることをおすすめします。

変更方法は、以下の通り。

1. 左メニューから[コンテンツ管理]-[ページ管理]を開く
2. 一覧から「商品詳細ページ」を選択する
3. 319～320行目あたりのコードを「<div class="ec-select"></div>」で囲みます。

■変更前
===============
<div class="ec-numberInput"><span>{{ '数量'|trans }}</span>
{{ form_widget(form.quantity) }}
{{ form_errors(form.quantity) }}
</div>
===============

■変更後
===============
<div class="ec-numberInput"><span>{{ '数量'|trans }}</span>
<div class="ec-select">
{{ form_widget(form.quantity) }}
{{ form_errors(form.quantity) }}
</div>
</div>
===============

カートに入れる数量入力をセレクトボックスにするプラグイン(EC-CUBE4.2-4.3系対応)

また商品一覧も同様に変更できます。

1. 左メニューから[コンテンツ管理]-[ページ管理]を開く
2. 一覧から「商品詳細ページ」を選択する
3. 185～186行目あたりのコードを「<div class="ec-select"></div>」で囲みます。

ご利用に関する注意

本プラグインを利用するにあたり、以下に該当する場合、プラグインが正常に動作しない可能性がございます。

・EC-CUBE本体をカスタマイズされている場合
・他社製のプラグインを利用されている場合
・対象バージョンではない場合

上記理由などによりプラグインが利用できない場合、弊社までお問い合わせいただければ内容をご確認の上、ご対応させていただきます(別途、料金がかかります)