商品カードバッジの見た目は、「設定」画面の「商品カードバッジ」セクションで、ストア全体共通のデザインとして設定します。
アプリ左側メニューの「設定」を開きます
「商品カードバッジ」セクションを開きます
以下の項目を設定します
表示位置: バッジを表示するカードの角(左上・右上・左下・右下)
間隔: 選択した表示位置に応じて、カードの端からの間隔(px)を上下・左右それぞれ設定
最大表示件数: 1つの商品カードに表示するバッジの上限(既定値: 2、最大10)
形状: 四角・ピル・タグ・カスタムから選択(「カスタム」選択時は角丸の大きさ(px)も指定可能)
文字サイズ・文字の太さ: バッジ内テキストのフォントサイズと太さ
保存します
バッジのテキストと背景色・文字色は、この画面ではなく販売期間ルールごとに設定します。詳しくは「商品カードバッジの設定/変更」をご参照ください。
ご利用のテーマによっては、既定のセレクタで商品カードやバッジの挿入位置を正しく検出できない場合があります。その場合は「商品カードバッジ」セクション内の「高度な設定」を開き、以下を指定してください。空欄のままで問題ありません。
商品カードのCSSセレクタ: 商品カード全体を示すCSSセレクタ
バッジ挿入先のCSSセレクタ: バッジを挿入する位置を示すCSSセレクタ
ご不明な場合はサポートまでお問い合わせください。