【Shopify TIPS:テーマHorizon】
HorizonのPC用メニューはメガメニュー形式で、Dawnのように親メニューのすぐ下に子メニューの一覧を小さく開く「ドロップダウン」表示は選べません。
メニューの項目がそれほど多くないストアでは、画面の横幅いっぱいに開くメガメニューより、親メニューの下に縦に並ぶほうが目当ての項目を追いやすいこともあります。
そこで、ヘッダーのメニューブロックを元にした新しいブロックを追加して、PC表示だけをドロップダウンに置き換えるカスタマイズ例です。header.liquid などのテーマ本体のファイルは変更せず、スマホのドロワーメニューはHorizon標準のまま使えます。開き方(マウスオーバー/クリック)や孫メニューの表示、パネルの角丸や影などの見た目も、テーマエディタで切り替えられます。
※詳細とデモストアのリンクはスレッドに掲載
