商品一覧に開催中のキャンペーンをバッジ形式で表示する「商品カードバッジ」機能がリリースしました。
コレクションページやレコメンド商品一覧など、あらゆる商品一覧上に「SALE」「10%OFF」「ギフトあり」などのキャンペーン情報を効果的に訴求できます。
機能
柔軟な表示位置設定
商品一覧の商品画像上に任意のバッジテキストを表示できます。
商品画像上のバッジ表示位置を、以下から選択可能です：
- 左上
- 左下
- 右上
- 右下
さらに、ピクセル単位での位置調整にも対応しており、細かなデザイン調整が可能です。
表示数を自由に制御
同一商品に対して表示するバッジ数を 1～10件 の範囲で設定できます。デフォルトは 2件 となっています。
豊富なデザインオプション
ストアの雰囲気に合わせて、4種類の形状から選択可能：
- 角丸なし（シンプルな正方形）
- 角丸あり（柔らかい印象）
- タグ型（切り欠きデザイン）
- カスタム（角丸のカスタマイズ対応）
各バッジの文字色と背景色は自由に設定でき、複数の状態ごとに異なる色を適用できます。
多言語対応
バッジに表示するテキストをさまざまな言語に翻訳・設定可能です。グローバル展開ストアでも対応できます。
リアルタイムプレビュー
設定内容を変更する際、プレビュー画面でリアルタイムに確認しながら編集できるため、イメージに合った仕上がりを簡単に実現できます。
商品カードバッジの仕様
- 表示場所: 商品一覧の商品画像上
- 表示タイミング: キャンペーン開催期間中のみ
- 最大表示数: 10件
- テキスト上限: 最大10文字
- 対応位置: 4方向（左上・左下・右上・右下）
- 対象商品: コレクションまたは商品のみ指定可能
対象箇所
本機能は、以下の設定画面よりご利用いただけます。
- ディスカウントキャンペーン 詳細ページ > 表示設定
- ギフトキャンペーン 詳細ページ > 表示設定
