バージョン選択

フォーラム

 どうか教えて下さい！  バグ見つけましたよ！  こんな機能あったらなぁ  プラグインについて  その他

メニュー

 当サイトについて  初めてご利用になる方へ  EC-CUBE開発情報

オンライン状況

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

サイト内検索
質問 > フロント機能 > カテゴリーツリーの表示を１行のみにしたい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
kumakuma
投稿日時: 2017/3/27 13:51
対応状況: −−−
常連
登録日: 2014/12/5
居住地:
投稿: 43
カテゴリーツリーの表示を１行のみにしたい
▼テンプレート
[EC-CUBE]3.0.12-p1

商品一覧や商品詳細に表示されるカテゴリーツリーの表示について。

複数のカテゴリーを登録した場合、
登録したカテゴリー分の行に分かれ表示されるのを、
1カテゴリーの1行のみにしたいのですが、
どのように対処したらよいでしょうか？

アドバイスお願いします。
umebius
投稿日時: 2017/3/27 13:56
対応状況: −−−
神
登録日: 2016/7/22
居住地:
投稿: 2085
Re: カテゴリーツリーの表示を１行のみにしたい
詳細ページ(template/default/Product/detail.twig)なら下記のようになっていますので、forで繰り返している部分を修正してください。

<!-- ▼関連カテゴリ▼ -->
                    <div id="relative_category_box" class="relative_cat">
                        <p>関連カテゴリ</p>
                          {% for ProductCategory in Product.ProductCategories %}
                        <ol id="relative_category_box__relative_category--{{ ProductCategory.product_id }}_{{ loop.index }}">
                            {% for Category in ProductCategory.Category.path %}
                            <li><a id="relative_category_box__relative_category--{{ ProductCategory.product_id }}_{{ loop.parent.loop.index }}_{{ Category.id }}" href="{{ url('product_list') }}?category_id={{ Category.id }}">{{ Category.name }}</a></li>
                            {% endfor %}
                        </ol>
                        {% endfor %}
                    </div>
                    <!-- ▲関連カテゴリ▲ -->


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

2系・3系から4系へのバージョンアップ実績豊富
h_tanaka
投稿日時: 2017/3/27 14:08
対応状況: −−−
神
登録日: 2016/7/22
居住地: 愛媛県
投稿: 1638
Re: カテゴリーツリーの表示を１行のみにしたい
ソースをカスタマイズする必要があります。
どのカテゴリーを表示するかという仕様をどうされたいのかはわかりませんが、たとえば商品詳細であれば次のようにループの最初のみという判定文を入れれば1行表示にはなります。

src/Eccube/Resource/template/default/Product/detail.twig（174行目）
<!-- ▼関連カテゴリ▼ -->
                    <div id="relative_category_box" class="relative_cat">
                        <p>関連カテゴリ</p>
                          {% for ProductCategory in Product.ProductCategories %}
                        <ol id="relative_category_box__relative_category--{{ ProductCategory.product_id }}_{{ loop.index }}">
                            {% for Category in ProductCategory.Category.path %}
                            {% if loop.parent.loop.index == 1 %}    <!--★ここに追加★ -->
                            <li><a id="relative_category_box__relative_category--{{ ProductCategory.product_id }}_{{ loop.parent.loop.index }}_{{ Category.id }}" href="{{ url('product_list') }}?category_id={{ Category.id }}">{{ Category.name }}</a></li>
                            {% endif %}    <!--★ここに追加★ -->
                            {% endfor %}
                        </ol>
                        {% endfor %}
                    </div>
                    <!-- ▲関連カテゴリ▲ -->
kumakuma
投稿日時: 2017/3/28 17:57
対応状況: −−−
常連
登録日: 2014/12/5
居住地:
投稿: 43
Re: カテゴリーツリーの表示を１行のみにしたい
ありがとうございます。
kumakuma
投稿日時: 2017/3/28 17:58
対応状況: −−−
常連
登録日: 2014/12/5
居住地:
投稿: 43
Re: カテゴリーツリーの表示を１行のみにしたい
ありがとうございます。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft 		7367
2
468 		3217
3
AMUAMU 		2712
4
nanasess 		2313
5
umebius 		2085
6
yuh 		1819
7
h_tanaka 		1638
8
red 		1570
9
mcontact 		1285
10
tsuji 		958
11
fukap 		907
12
shutta 		835
13
tao_s 		799
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.