アナウンスメントバー
Plain Jane および Plain Jane Interactive 向け
学べること
Plain Janeでアナウンスメントバーを有効化およびカスタマイズする方法
ページタイプごとに固有のスタイルを適用する方法
概要
この アナウンスメントバー はストアの上部に表示される小さなバナーです。プロモーション、再入荷、ストアポリシーなど重要なメッセージを表示するのに最適な場所です。
このバーをグローバルに表示するか特定のページにのみ表示するかを制御でき、ページタイプごとに独立してスタイルを設定できます。
有効化方法
「 テーマエディタ」で、 テーマ設定 タブ
までスクロールして アナウンスメントバー セクション
切り替え 「アナウンスメントバーを表示」 をオンにします
💡 特定のページに表示するには、次のトグルを有効にしてください：
ホームページにアナウンスメントバーを表示
コレクションページにアナウンスメントバーを表示
商品ページにアナウンスメントバーを表示
設定の参照
メッセージ
アナウンスメントテキスト：アナウンスメントメッセージを追加します（例：「FREE SHIPPING ALL WEEKEND」）
テキストフォントサイズ：メッセージテキストのサイズを調整します（ピクセル単位）
ページ別スタイリング
ページタイプごとに背景色とテキスト色を設定します：
ホームページ
背景色
テキスト色
コレクションページ
背景色
テキスト色
商品ページ
背景色
テキスト色
デフォルト（その他のページ）
背景色
テキスト色
⚠️ これらの上書きは、該当のページタイプでアナウンスメントバーが有効になっている場合にのみ適用されます。
高度な表示オプション
影を有効にする：視認性を高めるためにバーの背後に影を追加します
スクロールテキストを有効にする：ティッカー形式のスクロールアニメーションを有効にします
アナウンスメントバーを固定表示する：スクロール中もバーを上部に固定します
アナウンスメントバーの角を丸める：バーに角丸を追加します
大きめのアナウンスメントバーを有効にする：より目立たせるために高さを増やします
ベストプラクティス
メッセージは短く、行動を促す内容にする
可読性のためにテキストと背景のコントラストを合わせる
緊急の通知にはスクロールや固定表示オプションを使用する
ヘルプが必要ですか？
💬 Discordでコミュニティに参加： https://discord.gg/hcc2GvgZc6
📧 メールでお問い合わせ： [email protected]
💻 ライブチャット： 月曜〜金曜、午前10時〜午後6時（EST）に当社ウェブサイトで直接利用可能
最終更新