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

3階層目もツリー表示にする場合
・3階層目のHTMLの追加
・CSSの追加

が必要です。

表示例）

(1)ショップデザイン / テンプレート選択・編集 / クリエイターモード > モジュール管理 「サイドメニュー」
モジュールID：$module.side

ソース欄内に一度カーソルを置いた状態で、キーボードのCtrl＋Fキーを押し
表示される検索窓に「loop=$category_menu.list[i]」をコピー＆ペーストして以下のソースを探してください。

<{section name=j loop=$category_menu.list[i].child_category.list}>
	<li><a href="<{$category_menu.list[i].child_category.list[j].url}>"><{$category_menu.list[i].child_category.list[j].name}></a></li>
<{/section}>

上記が2階層目のカテゴリーリスト項目ソースです。

カテゴリー名のテキストリンクの部分

<li><a href="<{$category_menu.list[i].child_category.list[j].url}>"><{$category_menu.list[i].child_category.list[j].name}></a></li>

の部分を改行し、

<li><a href="<{$category_menu.list[i].child_category.list[j].url}>"><{$category_menu.list[i].child_category.list[j].name}></a>
★
</li>

カテゴリー名の後方（★の位置）に3階層目のカテゴリーリスト項目のHTMLを追記し保存してください。

追記後）

<{section name=j loop=$category_menu.list[i].child_category.list}>
	<li><a href="<{$category_menu.list[i].child_category.list[j].url}>"><{$category_menu.list[i].child_category.list[j].name}></a>
	<{if $category_menu.list[i].child_category.list[j].child_category.has_item}>
		<ul class="side-category-grandchild-list">
			<{section name=k loop=$category_menu.list[i].child_category.list[j].child_category.list}>
				<li><a href="<{$category_menu.list[i].child_category.list[j].child_category.list[k].url}>"><{$category_menu.list[i].child_category.list[j].child_category.list[k].name}></a></li>
			<{/section}>
		</ul>
	<{/if}>
	</li>
<{/section}>

(2)ショップデザイン / テンプレート選択・編集 / クリエイターモード > 全ページ共通「CSS」

で、同様に「.side-category-item:hover」を検索し

.side-category-item:hover .side-category-child-list {

この記述に3階層目のカテゴリーのclassを追記

追記後）

.side-category-item:hover .side-category-child-list,
.side-category-child-list li:hover .side-category-grandchild-list {

(3)その後方の

.side-category-child-list {

に3階層目のカテゴリーのclassを追記し、保存してください。

追記後）

.side-category-child-list,
.side-category-grandchild-list {

追記後の全体）

.side-category-item:hover .side-category-child-list, 
.side-category-child-list li:hover .side-category-grandchild-list {
	opacity: 1;
	visibility: visible;
}
.side-category-child-list,
.side-category-grandchild-list{
	position: absolute;
	right: -160px;
	top: -4px;
	width: 160px;
	z-index: 10;
	background: #fff;
	border: 4px solid #f0efe9;
	border-left: none;
	opacity: 0;
	visibility: hidden;
	display:none;
}