【クリエイターモード】テンプレートMinimumでヘッダーのカテゴリーに2階層目のカテゴリーを表示させることはできますか。

2階層目のHTMLを追加することで、表示させることが可能です。※PC表示時のみ

＜表示例＞

（１）2階層目のカテゴリーのHTMLを追加

ショップデザイン / テンプレート選択・編集 / クリエイターモード / モジュール管理
「ヘッダー」モジュールID：$module.header

欄内にカーソルを一度置いた状態でキーボードの「Ctrl＋F」キーを押し、表示される検索窓に

$category_menu.list[i].name

をコピー＆ペーストし、Enterキーを押して以下のソースを探してください。

<li class="nav-category-item"><a href="<{$category_menu.list[i].url}>"><{$category_menu.list[i].name}></a></li>

このソースに、子（２階層目）カテゴリーのHTMLを追記し、保存してください。

＜追記後＞

太字の部分を追記してください。

<li class="nav-category-item"><a href="<{$category_menu.list[i].url}>"><{$category_menu.list[i].name}></a>
  <!--2階層目-->
  <{if $category_menu.list[i].child_category.has_item}>
    <ul class="nav-child-category nav-category-list">
    <{section name=j loop=$category_menu.list[i].child_category.list}>    
    <li class="nav-category-item"><a href="<{$category_menu.list[i].child_category.list[j].url}>"><{$category_menu.list[i].child_category.list[j].name}></a></li>
    <{/section}>
    </ul>
  <{/if}>
</li>

（２）ツリー表示用のCSSを追加

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 全ぺージ共通
「CSS」欄の末尾に以下をコピー＆ペーストし保存してください。

/* category menu layer tree*/
.nav-category-item li{
   position:relative;
}
.nav-child-category {
   position: absolute;
   left: 190px;
   display: none;
   opacity: 0;
   visibility: hidden;
   margin-top: -30px;
}
.nav-category-item:hover .nav-child-category{
   opacity: 1;
   visibility: visible;
   display:block;
}

■makeshopサポート
クリエイターモード"カテゴリーツリー"を3～5階層目まで表示したい
https://www.support.makeshop.jp/design/?p=17319

＜関連記事＞
【クリエイターモード】テンプレートBRothersで左のカテゴリーに3階層目のカテゴリーを表示させることはできますか。