商品情報にスキップ
1 1
公開日:2024.03.17

Shopifyの⁨⁩テーマ「Dawn」のヘッダーにカスタマイズされたLiquidセクションを追加して モバイル用ハンバーガーメニューにメニューリスト以外の項目を表示する設定例

Shopifyの⁨⁩テーマ「Dawn」のヘッダーにカスタマイズされたLiquidセクションを追加して モバイル用ハンバーガーメニューにメニューリスト以外の項目を表示する設定例

用途

  • メニュー編集
詳細を表示する

Shopifyのテーマ「Dawn」のモバイル用ハンバーガーメニューで、メニューリストの前後に任意のHTMLを表示できるようにした際の具体的な表示内容の設定例です。ログインボタンやサブメニューなどが一般的です。


⁨⁩テーマ「Dawn」のヘッダーにカスタマイズされたLiquidセクションを追加してモバイル用ハンバーガーメニューにメニューリスト以外の項目を表示する設定例


【設定方法:メニューリストの上に要素を追加】ヘッダーグループに「カスタマイズされたLiquid」セクションを追加しコードを挿入


【設定方法:メニューリストの下に要素を追加】ヘッダーグループに2つ目の「カスタマイズされたLiquid」セクションを追加しコードを挿入


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

【設定方法:メニューリストの上に要素を追加】ヘッダーグループに「カスタマイズされたLiquid」セクションを追加しコードを挿入

関連ポスト