[戻る]
No.4094

カテゴリー階層の表示

キャラアイコン ファミリアさん 投稿日:2020/02/25(Tue) 11:14

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

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

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

key
No.4102

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

キャラアイコン おたすけマイショップさん 投稿日:2020/02/25(Tue) 17:37 home

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

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

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

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

key
No.4103

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

キャラアイコン ファミリアさん 投稿日:2020/02/25(Tue) 21:44

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

key
No.4133

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

キャラアイコン おたすけマイショップさん 投稿日:2020/02/28(Fri) 16:56 home

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

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

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


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

key
No.4143

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

キャラアイコン ファミリアさん 投稿日:2020/03/02(Mon) 10:42

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

key

返信
*おなまえ アイコン [sample]
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)
*画像認証 投稿キー

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

- YY-BOARD -