バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

フロント機能

新規スレッドを追加する

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


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1567
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.