アナウンスメントバー

Plain Jane および Plain Jane Interactive 向け

学べること

  • Plain Janeで告知バーを有効化してカスタマイズする方法

  • ページタイプごとに独自のスタイルにする方法


概要

この アナウンスメントバー はストアの上部に表示される小さなバナーです。プロモーション、再入荷、ストアポリシーなど重要なメッセージを表示するのに最適な場所です。

このバーをグローバルに表示するか特定のページにのみ表示するかを制御でき、ページタイプごとに独立してスタイルを設定できます。


有効化方法

  1. テーマエディター、に移動し テーマ設定 タブ

  2. 下にスクロールして、次を見つけます: アナウンスメントバー セクション

  3. 切り替え: アナウンスメントバーを表示 でオンにします

💡 特定のページに表示するには、これらのトグルを有効にします:

  • ホームページに告知バーを表示

  • コレクションページに告知バーを表示

  • 商品ページに告知バーを表示


設定リファレンス

メッセージ

  • アナウンスメントテキスト:告知メッセージを追加します(例:「週末は送料無料」)

  • テキストのフォントサイズ:メッセージテキストのサイズを調整します(ピクセル単位)

ページ別スタイリング

ページタイプごとに背景色とテキスト色を設定します:

  • ホームページ

    • 背景色

    • テキスト色

  • コレクションページ

    • 背景色

    • テキスト色

  • 商品ページ

    • 背景色

    • テキスト色

  • デフォルト(その他のページ)

    • 背景色

    • テキスト色

⚠️ これらの上書きは、該当のページタイプで告知バーが有効になっている場合にのみ適用されます。


高度な表示オプション

  • シャドウを有効にする:視認性を高めるためにバーの後ろに影を追加します

  • スクロールテキストを有効にする:ティッカー風のスクロールアニメーションを有効にします

  • 告知バーを固定表示する:スクロール中にバーを上部に固定します

  • 告知バーの角を丸くする:バーに丸みを帯びたエッジを追加します

  • 大型の告知バーを有効にする:より目立たせるために高さを増やします


ベストプラクティス

  • メッセージは短く行動を促すものにする

  • 読みやすさのためにテキストと背景のコントラストを合わせる

  • 緊急のアラートにはスクロールや固定表示オプションを使用する


ヘルプが必要ですか?

最終更新