Skip to product information
1 of 1
Published:2024.02.27

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

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

Applications

  • Header management and editing
View full details

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.

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