バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 商品のカテゴリー名を商品画像の下などに表示したい。その際、カテゴリーに背景色をカテゴリー毎に変えて設定して表示したい。

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
konohaito
投稿日時: 2021/5/11 11:20
対応状況: 確認中
半人前
登録日: 2019/9/5
居住地:
投稿: 23
商品のカテゴリー名を商品画像の下などに表示したい。その際、カテゴリーに背景色をカテゴリー毎に変えて設定して表示したい。
▼テンプレート
[EC-CUBE] EC-CUBEのバージョン4
[レンタルサーバ] エックスサーバー
[OS] Mac
[PHP] 7
[ブラウザ] Chrome
[導入プラグインの有無]
売上順・売れ筋順並び替えプラグイン for EC-CUBE4
EC-CUBE Ranking Plugin

[カスタマイズの有無] 新着一覧の表示
https://osyu-web.com/eccube4/customize-automatically-new-products-with-eccube4/
[現象] 商品のカテゴリー名を商品画像の下などに表示したいです。
その際、カテゴリーに背景色をカテゴリー毎に変えて設定して表示したいです。
ワードプレスでは、カスタムフィールドでカテゴリーに色を設定し、出力していました。
EC-CUBE4では、どのようにしたら良いでしょうか?
参考サイトがなかなかみつけることができず、困っています。

よろしくお願いします。
468
投稿日時: 2021/5/12 9:00
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 3078
Re: 商品のカテゴリー名を商品画像の下などに表示したい。その際、カテゴリーに背景色をカテゴリー毎に変えて設定して表示したい。
商品に関連するカテゴリを表示する記述は、商品詳細ページのテンプレート内の記述が参考になるかと思います。

                    {# 関連カテゴリ #}
                    {% if Product.ProductCategories is not empty %}
                        <div class="ec-productRole__category">
                            <div>{{ '関連カテゴリ'|trans }}</div>
                            {% for ProductCategory in Product.ProductCategories %}
                                <ul>
                                    <li>
                                        {% for Category in ProductCategory.Category.path %}
                                            <a href="{{ url('product_list') }}?category_id={{ Category.id }}">{{ Category.name }}</a> {%- if loop.last == false %}
                                            <span>></span>{% endif -%}
                                        {% endfor %}
                                    </li>
                                </ul>
                            {% endfor %}
                        </div>
                    {% endif %}


new_item.twigの
{% for Product in Products %}
{% endfor %}
の間であれば動作すると思います。

背景色を付けるのは
デフォルトではカテゴリ毎に色を設定する項目が無い為、実現できません。

データベースのカラムの追加、管理画面の入力項目の追加まで
カスタマイズする必要があります。

以下のリンク先でDBにカラムを追加して入力項目も追加する方法が紹介されていますので
参考になるかと思います。
(ご要望のカテゴリに対するカスタマイズではありませんので、適宜読みかえて作業する必要があります)
https://umebius.com/eccube/eccube4-add-new-form-item-customer/
https://sorovider.com/2019/03/20/ec-cube4%E3%81%A7%E5%95%86%E5%93%81%E9%A0%85%E7%9B%AE%E7%AD%89%E3%81%AE%E8%BF%BD%E5%8A%A0/


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

konohaito
投稿日時: 2021/5/20 15:02
対応状況: 確認中
半人前
登録日: 2019/9/5
居住地:
投稿: 23
Re: 商品のカテゴリー名を商品画像の下などに表示したい。その際、カテゴリーに背景色をカテゴリー毎に変えて設定して表示したい。
アドバイスありがとうございます。
データベースに追加が必要なのですね。
参考サイトも確認してみます。
ありがとうございました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は73,070名です
総投稿数は102,121件です

投稿数ランキング

1
seasoft
7333
2
468
3078
3
AMUAMU
2712
4
nanasess
2179
5
umebius
2030
6
yuh
1612
7
red
1453
8
h_tanaka
1090
9
tsuji
936
10
fukap
907
11
shutta
835
12
tao_s
793
13 ramrun 789
14 karin 689
15 sumida 641
16
homan
633
17 DELIGHT 572
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

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

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