左メニュー内のカテゴリー一覧表示で、「子カテゴリーを開いたままの状態」にすることは可能です。
(1)開閉時の+、-のアイコン表示を削除し、余白を調整
ショップデザイン / テンプレート選択・編集 / クリエイターモード / 全ページ共通
「CSS」
欄内に一度カーソルを置いた状態でキーボードの「Ctrl」と「F」キーを同時に押し、
表示される検索窓に「.side-category-item p, .side-category-item a」と入力(コピー&ペースト)してEnterキーを押し、以下の記述を検索してください。
.side-category-item p, .side-category-item a {
width: 100%;
padding: 5px 0;
display: inline-block;
}
.side-category-item p.on {
width: 95%;
background: #333333;
color: #fff;
padding-left: 6px;
padding-right: 14px;
}
.side-category-item p.on:before {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
background: #fff;
right: 10px;
}
.side-category-item p.on:after {
background-color: transparent;
background: #fff;
right: 10px;
}
.child-item {
padding: 8px !important;
font-size: 12px;
}
この記述を全て削除し、削除した位置に以下を入力(コピー&ペースト)し保存してください。
<追記例>
.side-category-item p, .side-category-item a {
width: 95%;
padding: 5px 14px 5px 6px;
display: block;
}
.side-category-item a.child-item {
padding-left:30px;
font-size: 12px;
}
(2)スマホ用のCSSの一部を削除
ショップデザイン / テンプレート選択・編集 / クリエイターモード / 全ページ共通
「CSS」欄
欄内に一度カーソルを置いた状態でキーボードの「Ctrl」と「F」キーを同時に押し、
表示される検索窓に「.side-category-item p.on」と入力(コピー&ペースト)してEnterキーを押し、以下の記述を検索してください。
見つかりましたら、以下の記述を削除し、保存してください。
.side-category-item p.on {
width: 96%;
background: #333333;
color: #fff;
padding-left: 10px;
padding-right: 18px;
}
(3)HTMLを変更:開閉するためのclassを削除①
ショップデザイン / テンプレート選択・編集 / クリエイターモード / モジュール管理
モジュール名:「サイドナビ」
モジュールID:$module.side
欄内に一度カーソルを置いた状態でキーボードの「Ctrl」と「F」キーを同時に押し、
表示される検索窓に
「side-category-child-item」と入力(コピー&ペースト)してEnterキーを押し、
以下の記述を検索してください。
<ul class="side-category-child-item close">
上記のソースから、class名「close」を削除してください。
<削除後>
<ul class="side-category-child-item">
(4)HTMLを変更:開閉するためのclassを削除②
おなじく、ショップデザイン / テンプレート選択・編集 / クリエイターモード / モジュール管理
モジュール名:「サイドナビ」
モジュールID:$module.side
欄内に一度カーソルを置いた状態でキーボードの「Ctrl」と「F」キーを同時に押し、
表示される検索窓に「side-category-item」と入力(コピー&ペースト)してEnterキーを押し、
以下の記述を検索してください。
<li class="side-category-item"><p class="accordion"><{$category_menu.list[i].name}></p>
上記のソースから、class="accordion" を削除してください。
<削除後>
<li class="side-category-item"><p><{$category_menu.list[i].name}></p>
(5)クリックでの開閉を指定するJavaScriptを削除
ショップデザイン / テンプレート選択・編集 / クリエイターモード / 全ページ共通
「JavaScript」欄
欄内に一度カーソルを置いた状態でキーボードの「Ctrl」と「F」キーを同時に押し、
表示される検索窓に「開閉」と入力(コピー&ペースト)してEnterキーを押し、以下の記述を検索してください。
見つかりましたら、以下の記述(5行)を削除してください。
// サイドメニューのカテゴリー開閉
$('.accordion').on('click', function() {
$(this).toggleClass('on').next().slideToggle();
$('.accordion').not(this).removeClass('on').next('.close').slideUp();
});


