Countdown Banner Preview

PATTERN A — シンプル (メッセージ + タイマーのみ)

最もミニマル。バナーとして header の下に配置想定。

10月BIG SALE 開催まで 00d : 00h : 00m : 00s

PATTERN B — CTA ボタン付き

タイマー + 「VIEW」CTA。リンク遷移させたい場合。

AUTUMN COLLECTION LAUNCH 00d : 00h : 00m : 00s VIEW →

PATTERN C — POPUP 告知

POPUP 開催告知用。CTA を「詳細を見る」に。

FUKUOKA POPUP 開催まで 00d : 00h : 00m : 00s 詳細を見る →

PATTERN D — セール終了カウントダウン

セール終了までのカウントダウン。メッセージを終了系に。

SALE ENDS IN 00d : 00h : 00m : 00s SHOP NOW →

設定パラメータ

end_time：終了日時（ISO 8601、例: 2026-10-05T23:59:59+09:00）
message：左側のメッセージテキスト
link：CTA のリンク先（省略可）
cta：CTA ボタンのテキスト（省略可、link と両方必要）

設置候補場所

・ layout/theme.liquid（<body> 直後）→ 全ページ表示
・ sections/announcement-bar.liquid 内 → お知らせバー相当
・ templates/index.json に custom_liquid セクション追加 → トップページのみ
・ 特定商品ページのカスタム Liquid ブロック内

終了後の挙動

タイマーが 0 になると自動的に非表示化（data-expired="true" 付与 → CSS で display:none）。