バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 子カテゴリを2列表示にした際に親カテゴリの位置が崩れる

フロント機能

新規スレッドを追加する

スレッド表示 | 古いものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
timit
投稿日時: 2019/6/11 20:41
対応状況: −−−
常連
登録日: 2017/2/28
居住地:
投稿: 31
Re: 子カテゴリを2列表示にした際に親カテゴリの位置が崩れる
kazumiさん
どうもありがとうございます。
幅を指定できないのが残念なところですが
親カテゴリーを崩さずに子カテゴリを2列表示することができました。
kazumi
投稿日時: 2019/6/11 18:17
対応状況: −−−
常連
登録日: 2019/4/15
居住地:
投稿: 45
Re: 子カテゴリを2列表示にした際に親カテゴリの位置が崩れる
timit さん、こんにちは。

すみません、見落としていました。表示崩れ確認できました。

コンテンツ管理 > ブロック管理 > カテゴリ」から設定した場合、メニュー内の親カテゴリーは内容に応じて幅を自動的に調整しているので、幅を固定するとずれたような表示になります。

2列表示にするには、cssでスタイル変更する必要があります。
以下のcssに、1100行目あたりに、.category-navの設定箇所がありますので、こちらで設定していただければ2列表示は可能です。

/ec-cube/html/template/default/css/style.css

※ 設定例
.category-nav ul > li { width: 48% ! important; }


ただし、カテゴリーが3階層以上になるときは、思ったような挙動にならないので、さらにcssや本体に修正を加える必要がありそうです。

一度お試しください。
timit
投稿日時: 2019/6/10 22:12
対応状況: −−−
常連
登録日: 2017/2/28
居住地:
投稿: 31
Re: 子カテゴリを2列表示にした際に親カテゴリの位置が崩れる
追記;
style内 widthの値で 親カテゴリの位置は動きます。
引き続きよろしくお願いいたします。
timit
投稿日時: 2019/6/10 14:26
対応状況: −−−
常連
登録日: 2017/2/28
居住地:
投稿: 31
Re: 子カテゴリを2列表示にした際に親カテゴリの位置が崩れる
ありがとうございます。
全く同様の手順です。
当方では初期状態のEC-CUBE3 に適用した場合
インテリアが左に寄り キッチンツールとの間隔が大きくひろがる
キッチンツールが左に寄り 新入荷との間隔がひろがる
新入荷の位置は変わらず といったような状態になります。
chrome, safari, firefox での確認です。
引き続き よろしくお願いします。
kazumi
投稿日時: 2019/6/10 13:33
対応状況: −−−
常連
登録日: 2019/4/15
居住地:
投稿: 45
Re: 子カテゴリを2列表示にした際に親カテゴリの位置が崩れる
timit さん、はじめまして。

こちら、初期状態のEC-CUBEで、記載いただいているcategory.twigの設定を「コンテンツ管理 > ブロック管理 > カテゴリ」から適用してみました。

動作を確認しても、親カテゴリの位置や間隔が崩れるという状態を確認できませんでした。

もう少し詳細な再現手順を教えていただけないでしょうか?
timit
投稿日時: 2019/6/10 9:48
対応状況: −−−
常連
登録日: 2017/2/28
居住地:
投稿: 31
子カテゴリを2列表示にした際に親カテゴリの位置が崩れる
カテゴリブロックをヘッダーに配置し
マウスオーバーで表示される子カテゴリが
2列になるよう category.twig に下のように書きました
うまく2列で表示されるのですが 親カテゴリの位置,間隔が崩れてしまいます。 
親カテゴリの横位置を崩さずに リストを2列表示するには
どうしたらよいのか お分かりの方がいらしたら ご教示ください。

{% macro tree(Category) %}
<li style= "padding: 0; float: center; width: 160px;">
<a href="{{ url('product_list') }}?category_id={{ Category.id }}">
{{ Category.name }}
</a>
{% if Category.children|length > 0 %}
<ul style="width: 320px; list-style: none outside;">
{% for ChildCategory in Category.children %}
{{ _self.tree(ChildCategory) }}
{% endfor %}
</ul>
{% endif %}
</li>
{% endmacro %}


EC CUBE 3.0.17
スレッド表示 | 古いものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

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.