【Shopify TIPS】
Horizonのドロワーメニューにキャンペーンバナーを表示したいというケースをモデルに、テーマファイルのカスタマイズ手順をまとめました。従来の「Dawn」での実装方法と比較して、どのような違いがあるかも整理しています。
Dawnであれば1ファイルの修正で完結する変更ですが、Horizonはメニュー周りのファイルが分離されているため、まずどのファイルを触ればいいかを追跡するところから始まります。
header.liquidから始まり、_header-menu.liquid、header-drawer.liquidと3段階たどって初めて目的のファイルにたどり着きます。Horizonのカスタマイズでは構造の理解が前提になります。
なお、今回もHorizonの公式推奨である「custom.*ファイルを新設する方式」を採用していません。content_forのtype指定がベンダーファイルにハードコードされているため、カスタムブロック経由にしようとすると結局ベンダーファイルの変更が必要になってしまい、芋蔓式に他のベンダーファイルも「custom.*ファイル化」しなくてはいけなくなってしまうためです。
直接編集＋設定項目追加の方が変更箇所が少なく、現実的な落としどころではないかなと判断しています。
スレッド
【Horizon】ドロワーメニューにバナー画像を表示するカスタマイズ
https://store-dojo.com/blogs/tips/horizon-drawer-banner-customization