[戻る]
No.4094

カテゴリー階層の表示

ファミリアさん  投稿日:2020/02/25(Tue) 11:14
key

カテゴリーが複数階層になっていて、
例)
第1階層
→第2階層
→→第3階層

この場合に、第2階層のカテゴリーを選ぶと、第3階層のカテゴリーリストが
ただのリスト形式で表示されてしまいます。(list-style-typeも効いていません)
これをtable形式で表示することはできないでしょうか。

第3階層で9つくらいカテゴリーがある場合、商品画像自体がページ下部へ押し出され、
非常に見にくいです。
一応、デフォルトのカテゴリーリストを左側エリアに設置してはいますが、それを経由するのではなく
孫階層を、見やすく表示したいです。
宜しくお願いします。

Re: カテゴリー階層の表示

おたすけマイショップさん  2020/02/25(Tue) 17:37 No.4102
key

恐れ入りますが、イージーマイショップの標準で用意しているカテゴリリストはリスト形式での表示で固定となっております。
店舗様にてhtml構造を変更することはできませんのでご了承ください。

スタイルシートの「list-style-type」については、デザインテンプレートのスタイルシートで
「list-style-type: none;」が指定されている場合がございます。
こちらを変更する場合は、「design.css(デザインテンプレート)」
(拡張設定 > デザイン設定 > [適用中]デザインの「CSS」リンク > design.css(デザインテンプレート)の「編集」ボタン)
を変更してください。

なお、子階層のカテゴリ検索について独自のリンク一覧等を作成したい場合は、カテゴリ別フリーエリアをご利用ください。
カテゴリ別フリーエリアは、カテゴリでの絞り込み検索時にのみ表示されるフリーエリアで、htmlコードでの記述が可能です。
子階層カテゴリのリンクを表示する専用の機能ではございませんが、店舗様独自のリンク一覧を設けることは可能です。

[カテゴリ別フリーエリアの設定方法]
1. 商品管理 > カテゴリ一覧 > 各カテゴリの編集ボタン でカテゴリ変更を表示
2. カテゴリ別フリーエリアに内容を記述して設定を保存
3. 拡張設定 > デザイン設定 > [レイアウト]タブ でページレイアウト管理を表示
4. 「カテゴリー別フリーエリア」パーツをコンテンツ内に配置
  ※通常は「カテゴリー別フリーエリア」パーツは初期値として登録されています。
   パーツが存在しない(削除した)場合は未使用パーツエリアの「新規作成」ボタンからパーツを作成してください。


Re: カテゴリー階層の表示

ファミリアさん  2020/02/25(Tue) 21:44 No.4103
key

ありがとうございます。
これも今後のアップデートで、選択できるようにしてもらえるといいですね。
試してみます。


Re: カテゴリー階層の表示

おたすけマイショップさん  2020/02/28(Fri) 16:56 No.4133
key

カテゴリリストの表示について、補足でご案内いたします。

イージーマイショップで生成されるカテゴリリストについて、テーブル構造に変更することはできませんが
スタイルシートを適用いただくことで、特定の子階層を横並びで表示づることは可能です。

3階層目を横並びにするスタイルシートを以下にご案内いたします。
※各カテゴリについて、4階層目以降が存在しないことが前提となります。

<style>
.category_list ul ul ul{
display: flex;
flex-wrap: wrap;
}
</style>

スタイルシートの適用方法は以下のヘルプをご覧ください。

 ページに<style>を追加する
 https://emshelp.easy-myshop.jp/c-item-detail?ic=add-style


スタイルシートでの調整のため、今後のバージョンアップにて正常に表示されなくなる可能性もございます。
ご了承いただいた上で、設定をお試しください。


Re: カテゴリー階層の表示

ファミリアさん  2020/03/02(Mon) 10:42 No.4143
key

追加情報ありがとうございます。
試してみます。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』