Skip to product information
【Dawn】Shopifyのテーマ「Dawn」でホームページにだけヘッダーの「告知バー」を表示しそれ以外のページでは非表示にする設定例
  • 【Dawn】Shopifyのテーマ「Dawn」でホームページにだけヘッダーの「告知バー」を表示しそれ以外のページでは非表示にする設定例
[Dawn] Example of settings for the Shopify theme "Dawn" to display the "announcement bar" in the header only on the home page and hide it on other pages
Published:2024.02.27

[Dawn] Example of settings for the Shopify theme "Dawn" to display the "announcement bar" in the header only on the home page and hide it on other pages

用途

This is a setting example for setting the announcement bar in the header of the Shopify theme "Dawn" to display only on the homepage. It would be simple to use CSS to hide everything except the homepage, but this is done by setting a setting item in a section.


Example of settings for the "Dawn" theme to display the "Announcement Bar" in the header only on the home page and hide it on other pages


[Setting method ①] Add the scheme to "announcement-bar.liquid" and the label to "ja.schema.json"


[(For the Dawn theme) Setting method ②] Add code to "announcement-bar.liquid"


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

[Dawn] Example of settings for the Shopify theme "Dawn" to display the "announcement bar" in the header only on the home page and hide it on other pages

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

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add scheme to "announcement-bar.liquid"

Add a label to "ja.schema.json"

↗ Related Post

すべてのShopify TIPS

View all