商品カテゴリ一覧のサブカテゴリを横方向に表示させたい

2023-03-16 10:22
商品カテゴリ一覧のサブカテゴリを横方向に表示させたい

レスポンシブデザインテンプレートで、パソコン表示の際、サイドメニューに表示した商品カテゴリ一覧のサブカテゴリをマウスオーバーで横方向に表示することができます。

デザイン管理]→[配置/画像/コメント]画面のメインエリアで、[商品カテゴリ一覧]をサイドメニューに設置してください。
商品カテゴリ一覧]→[サブカテゴリ表示]欄で[サブカテゴリを閉じない]のチェックを外した状態で[スマホでは縦に開き、PCでは横に開く]にチェックを入れて設定してください。

ショップ側の表示(レスポンシブデザインテンプレート)

パソコン:カテゴリにマウスオーバーすると、サブカテゴリが横方向にポップアップで開きます。

スマートフォン:カテゴリをタップすると、サブカテゴリが下方向に開きます。

※パソコン(画面幅が840px以下)でサイドカラムが表示されていない場合、カテゴリをクリックするとスマートフォンと同様にサブカテゴリが下方向に表示されます。
※タブレット(画面幅が840px以上)でサイドカラムが表示されている場合、カテゴリをタップするとパソコンと同様にサブカテゴリが横方向に表示されます。
※タッチ操作が可能なPCでは、タップ/クリックでサブカテゴリが開きます。