お世話になります。


表題にある通り、商品一覧ページにカートに入れるボタンを設置したいと考えているのですが、その方法をご教示いただければと考えております。

イメージとしては、商品一覧のそれぞれの商品の画像の下にカートに入れるボタンが設置されており、押下すると商品が追加されたというメッセージが表示されたダイアログを出す、といったものを作成したいと考えております。

よろしくお願いいたします。

試してないので推測ですが、下記ファイル内に処理を追加すればいけると思います。

src/Eccube/Controller/Admin/Product/ProductController.phpにカートに関する処理の追加。

src/Eccube/Resource/template/default/Product/list.twigに上記で追加したカート周りのパーツを表示させればいけるかと思います。

tackyさん

ご回答ありがとうございます。

＞src/Eccube/Controller/Admin/Product/ProductController.phpにカートに関する処理の追加。
こちらのご指摘いただいた点についてですが、カートに関する処理という点は元々どこに書かれている処理なのでしょうか？それとも、自ら記述していくものなのでしょうか？

まだまだ不明な部分が多く、自分で調べていても分からないことだらけの状態です...。恐縮ですが、ご教示いただければと思っております。

よろしくお願いいたします。

引用：

ProductController.phpに商品一覧の処理と商品詳細の処理の両方が書かれていますので、商品詳細のカート周りを商品一覧の処理に追加し、調整していく感じかと思います。

3系はプラグインでの機能追加が主流ですので、自分で作るとしたら本体を改修せずにプラグインで作ると思います。

コード等はここで簡単に答えられる様な量ではないので、難しいです、すいません。

よろしくお願い致します。

tackyさん

お世話になります。

ご指摘いただきありがとうございました。
無事、商品一覧画面にカートに入れるボタンを配置することができたのですが、
材質やサイズ等の規格を指定して購入する商品について、規格２のプルダウンメニューの中身が表示されないのですが、もしよろしければこの点についてアドバイスをいただけないでしょうか。

恐縮ですがよろしくお願いいたします。

エラーメッセージや表示されない原因になってそうなポイント等ありますでしょうか。

tackyさん

エラーメッセージ等はありませんが、原因になっていそうな点があります。
商品詳細画面にて規格を扱う処理の前に
eccube.classCategories = {{ Product.class_categories|json_encode|raw }};

この一文があり、実際に形成されたHTMLを表示すると、以下のように
eccube.classCategories = {"__unselected":{"__unselected":{"name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044","product_class_id":""}},"3":{"#":{"classcategory_id2":"","name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044","product_class_id":""},"#6":{"classcategory_id2":"6","name":"150cm","stock_find":true,"price01":"124,200","price02":"118,800","product_class_id":"1","product_code":"fork-01","product_type":"1"},"#5":{"classcategory_id2":"5","name":"170mm","stock_find":true,"price01":"102,600","price02":"100,440","product_class_id":"2","product_code":"fork-02","product_type":"1"},"#4":{"classcategory_id2":"4","name":"120mm","stock_find":true,"price01":"81,000","price02":"79,920","product_class_id":"3","product_code":"fork-03","product_type":"1"}},"2":{"#":{"classcategory_id2":"","name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044","product_class_id":""},"#6":{"classcategory_id2":"6","name":"150cm","stock_find":true,"price01":"102,600","price02":"100,440","product_class_id":"4","product_code":"fork-04","product_type":"1"},"#5":{"classcategory_id2":"5","name":"170mm","stock_find":true,"price01":"54,000","price02":"52,920","product_class_id":"5","product_code":"fork-05","product_type":"1"},"#4":{"classcategory_id2":"4","name":"120mm","stock_find":true,"price01":"37,800","price02":"37,260","product_class_id":"6","product_code":"fork-06","product_type":"1"}},"1":{"#":{"classcategory_id2":"","name":"\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044","product_class_id":""},"#6":{"classcategory_id2":"6","name":"150cm","stock_find":true,"price01":"0","price02":"19,440","product_class_id":"7","product_code":"fork-07","product_type":"1"},"#5":{"classcategory_id2":"5","name":"170mm","stock_find":true,"price01":"0","price02":"14,040","product_class_id":"8","product_code":"fork-08","product_type":"1"},"#4":{"classcategory_id2":"4","name":"120mm","stock_find":true,"price01":"0","price02":"5,400","product_class_id":"9","product_code":"fork-09","product_type":"1"}}};

規格のようなものを取得しています。

しかし、私が実際に商品一覧画面に実装しているコードでHTML表示を見ますと、
eccube.classCategories = null;

nullの値が返ってきてしまっています。おそらく、規格の取得が行えていないのかなと思います。

長くなってしまいすみません、今のところ原因はこの点のみ分かっております。

よろしくお願いいたします。

商品一覧画面はProductではなく、paginationで商品をtwigに渡しているので、
下記でclass_categoryが取得できると思います。

{% for item in pagination.items %}
　{{ item.class_categories|json_encode|raw }}
{% endfor %}

tackyさん

掲載頂きましたコードにて、目的の動きを完成させることができました。

大変助かりました。ありがとうございました。

Claireさん

JS部分の動きがよく分かりませんでした。

{% for item in pagination.items %}
　{{ item.class_categories|json_encode|raw }}
{% endfor %}

これをどのように詳細画面のものから変更されたのでしょうか？
申し訳ございませんが、ご教授下さい。