By default, the announcement bar in Shopify's theme "Dawn" only allows you to specify text and a link, so this is an example of how to add a custom Liquid block. By being able to insert any HTML/CSS/Javascript/Liquid code, you can create highly expressive announcements.
1
/
of
1
Published:2024.05.27
An example of how to insert custom liquid code into the announcement bar of the Shopify theme "Dawn" to allow for free expression.
An example of how to insert custom liquid code into the announcement bar of the Shopify theme "Dawn" to allow for free expression.
Applications
Applications
- Header management and editing
How to implement
How to implement
- LIQUID
Share
After making a purchase (all items are ¥0), you will be able to view the sample code.
Couldn't load pickup availability
If you have already made a purchase, please login here.
Sample Codes
Test Theme :Dawn/Rise 15.2.0
「announcement-bar.liquid」セクションのschemaにblockタイプを追加
「announcement-bar.liquid」セクションのコードの一部を修正(blockタイプを判別して表示する処理)

その他のAll Shopify TIPSに関するTIPS
- Choosing a selection results in a full page refresh.
- Opens in a new window.