【Shopify TIPS】
先日のHorizonドロワーメニューバナーの実装に、テーマ本体を一切変更しない「カスタムLiquid＋JavaScript版」を追加しました。
方法1はテーマエディタから画像・リンクを設定できる本格実装（5ファイル変更）ですが、方法2は「カスタム Liquid」セクションにコードを貼るだけで動きます。変更ファイル数はゼロなので、テーマアップデートの影響を受けないのがメリットです。
なお、Horizonはページ遷移を高速にする目的でページ表示直後にHTMLの外枠だけ読み込み、後からJavaScriptでドロワーの内容を更新する仕組み（Section Hydration）になっています。その完了タイミングを検知するため、Dawnに比べるとこちらも少々複雑なJavascriptコードになっています。
