セット商品販売(在庫管理)プラグインで管理画面の受注編集ページにセット商品の内訳を表示する方法

在庫管理しながらセット商品販売ができるEC-CUBE4対応のプラグインのカスタマイズ方法です。

以下のように管理画面の受注編集ページにセット商品の内訳が表示されるようカスタマイズします。

EC-CUBE本体のテンプレートファイルをオリジナルのデザインテンプレートを配置するディレクトリにコピー

EC-CUBE本体のテンプレートファイルをオリジナルのデザインテンプレートを配置するディレクトリにコピーします。

以下のようにEC-CUBE本体のテンプレートファイルをオリジナルのデザインテンプレートを配置するディレクトリにコピーしてください。

mkdir app/template/admin/Order

cp src/Eccube/Resource/template/admin/Order/edit.twig app/template/admin/Order/edit.twig

EC-CUBEのデザインテンプレートについて詳しく知りたい場合は、公式ドキュメントをご確認ください。

デザインテンプレートの基礎

商品名の直下にセット内容を表示

コピーしたedit.twigの779行目付近に以下のコードを追加してください。

// 779行目付近にある以下のコードを探してください。
{{ form_errors(orderItemForm.product_name) }}

// 以下をコードを追加してください。
{% for BundleItem in OrderItem.Product.BundleItems %}
<p class="mb-0"><small>{{ BundleItem.ProductClass.formattedProductName }}（{{ BundleItem.quantity }}個）</small></p>
{% endfor %}

以上で完成です。