商品情報にスキップ
公開日：2024.05.27
【Dawn】Shopifyのテーマ「Dawn」の告知バーにカスタムliquidコードを挿入できるようにして自由な表現ができるようにする設定例
用途
Shopifyのテーマ「Dawn」の告知バーはデフォルトでテキストとリンク先を指定できるのみなので、カスタムLiquidブロックを追加できるようにした設定例です。任意のHTML/CSS/Javascritp/Liquidコードを挿入できることで表現力の高い告知が可能です。
テーマ「Dawn」の告知バーにカスタムliquidコードを挿入できるようにして自由な表現ができるようにする設定例
【設定方法①】「announcement-bar.liquid」セクションのschemaにblockタイプを追加
【設定方法②】「announcement-bar.liquid」セクションのコードの一部を修正（blockタイプを判別して表示する処理）
【設定方法③】表示ブロックにカスタムLiquidタイプを追加し、任意のコードを挿入
サンプルコード
動作検証済テーマ：Dawn/Rise 15.2.0
