バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
timit
投稿日時: 2019/6/10 9:48
対応状況: −−−
半人前
登録日: 2017/2/28
居住地:
投稿: 15
子カテゴリを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
kazumi
投稿日時: 2019/6/10 13:33
対応状況: −−−
半人前
登録日: 2019/4/15
居住地:
投稿: 19
Re: 子カテゴリを2列表示にした際に親カテゴリの位置が崩れる
timit さん、はじめまして。

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

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

もう少し詳細な再現手順を教えていただけないでしょうか?
timit
投稿日時: 2019/6/10 14:26
対応状況: −−−
半人前
登録日: 2017/2/28
居住地:
投稿: 15
Re: 子カテゴリを2列表示にした際に親カテゴリの位置が崩れる
ありがとうございます。
全く同様の手順です。
当方では初期状態のEC-CUBE3 に適用した場合
インテリアが左に寄り キッチンツールとの間隔が大きくひろがる
キッチンツールが左に寄り 新入荷との間隔がひろがる
新入荷の位置は変わらず といったような状態になります。
chrome, safari, firefox での確認です。
引き続き よろしくお願いします。
timit
投稿日時: 2019/6/10 22:12
対応状況: −−−
半人前
登録日: 2017/2/28
居住地:
投稿: 15
Re: 子カテゴリを2列表示にした際に親カテゴリの位置が崩れる
追記;
style内 widthの値で 親カテゴリの位置は動きます。
引き続きよろしくお願いいたします。
kazumi
投稿日時: 2019/6/11 18:17
対応状況: −−−
半人前
登録日: 2019/4/15
居住地:
投稿: 19
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/11 20:41
対応状況: −−−
半人前
登録日: 2017/2/28
居住地:
投稿: 15
Re: 子カテゴリを2列表示にした際に親カテゴリの位置が崩れる
kazumiさん
どうもありがとうございます。
幅を指定できないのが残念なところですが
親カテゴリーを崩さずに子カテゴリを2列表示することができました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


ec-cube.co

統計情報

総メンバー数は44,772名です
総投稿数は91,591件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
nanasess
1889
4
468
1743
5
yuh
1584
6
umebius
1296
7
red
1275
8
fukap
907
9
tsuji
837
10
shutta
827
11 ramrun 789
12
tao_s
742
13
h_tanaka
720
14 karin 656
15 sumida 641
16
homan
633
17 DELIGHT 571
18
patapata
502
19
flealog
483
20 tonton 436


ネットショップの壺

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

Copyright© LOCKON CO.,LTD. All Rights Reserved.