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

[Dawn] Example of settings for displaying any HTML in the space below the menu list in the mobile hamburger menu of the Shopify theme "Dawn"

用途

The mobile hamburger menu of the Shopify theme "Dawn" does not have any block elements that can be added to the space below the menu list, so here is a setting example that uses a customized Liquid section and Javascript to display any HTML.


An example of how to display any HTML in the space below the menu list in the mobile hamburger menu of the "Dawn" theme (when using customized Liquid in the theme editor)


[Setup Method 1] Add a "Customized Liquid" section to the header group and insert the code


[Setting method 2] If you want to display it before the menu list, rewrite part of the code


After making a purchase (all items are ¥0), you will be able to view the sample code.

View store information

[Dawn] Example of settings for displaying any HTML in the space below the menu list in the mobile hamburger menu of the Shopify theme "Dawn"

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add a "Customized Liquid" section to the header group and insert the code

↗ Related Post

すべてのShopify TIPS

View all