【Dawn】Shopifyのテーマ「Dawn」のモバイル用ハンバーガーメニューで メニューリスト下のスペースに任意のHTMLを表示する設定例

Shopifyのテーマ「Dawn」のモバイル用ハンバーガーメニューですが、メニューリスト下のスペースに何かしら表示しようと思っても追加可能なブロック要素などがありません。そこで、カスタマイズされたLiquidセクションとJavascriptを使って任意のHTMLを表示するための設定例です。

テーマ「Dawn」のモバイル用ハンバーガーメニューでメニューリスト下のスペースに任意のHTMLを表示する設定例（テーマエディタのカスタマイズされたLiquidで行う場合）

【設定方法①】ヘッダーグループに「カスタマイズされたLiquid」セクションを追加しコードを挿入

【設定方法②】メニューリストの前に表示する場合はコードの一部を書き換える