バージョン選択

フォーラム

メニュー

オンライン状況

72 人のユーザが現在オンラインです。 (64 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 72
もっと...

サイト内検索

質問 > フロント機能 > 商品カテゴリによって「カートに入れる」ボタンを変えたい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
h_tanaka
投稿日時: 2019/4/9 17:29
対応状況: 解決済
登録日: 2016/7/22
居住地: 愛媛県
投稿: 1610
商品カテゴリによって「カートに入れる」ボタンを変えたい
EC-CUBE 4.0.0

商品カテゴリによって、「カートに入れる」ボタンの文字とスタイルを変えたいです。

レンダリング時のパラメーターにフラグを1つ追加したいだけなのですが、ProductController の index() をオーバーライドするしか方法はないでしょうか?


----------------
EC-CUBE 《プラチナ》ランクパートナー
トエビス株式会社 田中 宏典
EC-CUBEの機能やデザインのカスタマイズ承ります。

umebius
投稿日時: 2019/4/10 11:19
対応状況: −−−
登録日: 2016/7/22
居住地:
投稿: 2085
Re: 商品カテゴリによって「カートに入れる」ボタンを変えたい
TemplateEventを使うのはいかがでしょう?
パラメーターのProductのフラグによって、ボタンのclassを変える等、色々考えられるように思います。


----------------
EC-CUBEカスタマイズ・高速化・脆弱性対策・SEO ご相談ください。

2系・3系から4系へのバージョンアップ実績豊富

468
投稿日時: 2019/4/10 11:21
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 3217
Re: 商品カテゴリによって「カートに入れる」ボタンを変えたい
プラグインを作ってフックポイントを利用する方法もあると思いますが
手っ取り早いのは、ProductControllerのindex()をオーバーライドする方法では無いでしょうか?
(/app/Customize/Controller/を利用する方法)


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
EC-CUBE3マニュアル
blog

h_tanaka
投稿日時: 2019/4/11 6:32
対応状況: −−−
登録日: 2016/7/22
居住地: 愛媛県
投稿: 1610
Re: 商品カテゴリによって「カートに入れる」ボタンを変えたい
umebius さん

ありがとうございます。
TemplateEvent はプラグインの event.yml で拾えると思うのですが、app/Customize からも使える方法があるのでしょうか?


----------------
EC-CUBE 《プラチナ》ランクパートナー
トエビス株式会社 田中 宏典
EC-CUBEの機能やデザインのカスタマイズ承ります。

h_tanaka
投稿日時: 2019/4/11 6:36
対応状況: −−−
登録日: 2016/7/22
居住地: 愛媛県
投稿: 1610
Re: 商品カテゴリによって「カートに入れる」ボタンを変えたい
468 さん

ありがとうございます。
やはり ProductController の index() をオーバーライドする方法が適当ですかね。。


----------------
EC-CUBE 《プラチナ》ランクパートナー
トエビス株式会社 田中 宏典
EC-CUBEの機能やデザインのカスタマイズ承ります。

umebius
投稿日時: 2019/4/13 19:34
対応状況: −−−
登録日: 2016/7/22
居住地:
投稿: 2085
Re: 商品カテゴリによって「カートに入れる」ボタンを変えたい
あ、プラグイン化はしない前提なんですね。
このためのプラグインを作れば非常に簡単に解決できるなと思ったので。

nanasessさんが下記スレッドでCustomizeディレクトリを使うと差分がわかりにくくなりケースバイケースとおしゃっているのに私も同意見で、このレベルのカスタマイズであればオーバーライドはしない方がよいのでは?と思ってしまいます。

https://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=21847&forum=4&post_id=91698#forumpost91698
商品カテゴリ

どんなロジックが必要かにもよりますが、商品カテゴリーによってクラスを変えるのであれば、おそらくTwigだけでも対応可能なのではないでしょうか?

(もしそれだけでできないようなら、プラスしてCustomize/EntityにTraitを作ることも考えられますね。)


----------------
EC-CUBEカスタマイズ・高速化・脆弱性対策・SEO ご相談ください。

2系・3系から4系へのバージョンアップ実績豊富

h_tanaka
投稿日時: 2019/4/15 8:49
対応状況: −−−
登録日: 2016/7/22
居住地: 愛媛県
投稿: 1610
Re: 商品カテゴリによって「カートに入れる」ボタンを変えたい
umebius さん

本体カスタマイズを app/Customize を使ってやっていましたが、バージョンアップでのマージ作業のことを考えると、直接本体ソースをカスタマイズして git 管理する方が、確かにメンテナンス性高いですね。
次回からのプロジェクトではそうしてみます。

今回のケースは確かによく考えてみれば twig のカスタマイズのみでいけました。
ありがとうございました!

app/template/default/Product/list.twig
                                {% set displayCart = true %}
                                {% if Product.ProductCategories is not empty %}
                                    {% for ProductCategory in Product.ProductCategories %}
                                        {% for Category in ProductCategory.Category.path %}
                                            {% if Category.id in [8, 9] %}
                                                {% set displayCart = false %}
                                            {% endif %}
                                        {% endfor %}
                                    {% endfor %}
                                {% endif %}
                                {% if displayCart %}
                                    <div class="ec-productRole__btn">
                                        <button type="submit" class="ec-blockBtn--action add-cart" data-cartid="{{ Product.id }}" form="productForm{{ Product.id }}">
                                            {{ 'カートに入れる'|trans }}
                                        </button>
                                    </div>
                                {% else %}
                                    <div class="ec-productRole__btn">
                                        <button type="submit" class="ec-blockBtn--action add-cart" data-cartid="{{ Product.id }}" form="productForm{{ Product.id }}">
                                            {{ '選択する'|trans }}
                                        </button>
                                    </div>
                                {% endif %}


----------------
EC-CUBE 《プラチナ》ランクパートナー
トエビス株式会社 田中 宏典
EC-CUBEの機能やデザインのカスタマイズ承ります。

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,307名です
総投稿数は109,692件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1568
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.