EC CUBE4の商品一覧ページでバナーを追加したりデザイン変更する。

2019年10月15日

コンテンツ管理から簡単にでき・・・ない

「管理画面ログイン」→「コンテンツ管理」→「ページ管理」→「商品一覧ページ」から編集画面を開いてみる。

うーん。特に「カテゴリごとにバナーを設定する」って事は簡単に出来ない雰囲気ですね。

なので条件分岐を使う

通常「商品一覧ページ」のURLは

https://exsample.shop/products/list?category_id=1
[code]
のようになるはずです。
(例)カテゴリID 1 のカテゴリだけバナーを表示させる場合の条件分岐。
[code]
{% if Category.id == 1 %}
表示させたいバナー等をここに入れる
{% endif %}

複数の場合はこんな感じ。 (例)カテゴリID 1 とカテゴリID 250だけバナーを表示させる場合の条件分岐。

{% if Category.id == 1 or Category.id == 250 %}
表示させたいバナー等をここに入れる
{% endif %}

この辺のコードを

{% block main %}

の直下くらいに入れるとカテゴリバナーっぽい位置に挿入されます。

app/template/default/Product/list.twig のファイルを直接編集してもOK。

これで商品一覧ページのデザイン変更も簡単です!

EC CUBE

Posted by bistro