kazumiさん
どうもありがとうございます。
幅を指定できないのが残念なところですが
親カテゴリーを崩さずに子カテゴリを２列表示することができました。

timit さん、こんにちは。

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

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

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

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

※ 設定例


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

一度お試しください。

追記；
style内 widthの値で 親カテゴリの位置は動きます。
引き続きよろしくお願いいたします。

ありがとうございます。
全く同様の手順です。
当方では初期状態のEC-CUBE3 に適用した場合
インテリアが左に寄り キッチンツールとの間隔が大きくひろがる
キッチンツールが左に寄り　新入荷との間隔がひろがる
新入荷の位置は変わらず　といったような状態になります。
chrome, safari, firefox での確認です。
引き続き よろしくお願いします。

timit さん、はじめまして。

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

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

もう少し詳細な再現手順を教えていただけないでしょうか？

カテゴリブロックをヘッダーに配置し
マウスオーバーで表示される子カテゴリが
２列になるよう　category.twig に下のように書きました
うまく２列で表示されるのですが　親カテゴリの位置,間隔が崩れてしまいます。　
親カテゴリの横位置を崩さずに リストを２列表示するには
どうしたらよいのか お分かりの方がいらしたら ご教示ください。

{% 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