商品カードバッジのデザインカスタマイズ

表示位置・間隔・形状・文字サイズなどのカスタマイズ方法

商品カードバッジの見た目は、「設定」画面の「商品カードバッジ」セクションで、ストア全体共通のデザインとして設定します。

  1. アプリ左側メニューの「設定」を開きます

  2. 「商品カードバッジ」セクションを開きます

  3. 以下の項目を設定します

    • 表示位置: バッジを表示するカードの角(左上・右上・左下・右下)

    • 間隔: 選択した表示位置に応じて、カードの端からの間隔(px)を上下・左右それぞれ設定

    • 最大表示件数: 1つの商品カードに表示するバッジの上限(既定値: 2、最大10)

    • 形状: 四角・ピル・タグ・カスタムから選択(「カスタム」選択時は角丸の大きさ(px)も指定可能)

    • 文字サイズ・文字の太さ: バッジ内テキストのフォントサイズと太さ

  4. 保存します

バッジのテキストと背景色・文字色は、この画面ではなく販売期間ルールごとに設定します。詳しくは「商品カードバッジの設定/変更」をご参照ください。

ご利用のテーマによっては、既定のセレクタで商品カードやバッジの挿入位置を正しく検出できない場合があります。その場合は「商品カードバッジ」セクション内の「高度な設定」を開き、以下を指定してください。空欄のままで問題ありません。

  • 商品カードのCSSセレクタ: 商品カード全体を示すCSSセレクタ

  • バッジ挿入先のCSSセレクタ: バッジを挿入する位置を示すCSSセレクタ

ご不明な場合はサポートまでお問い合わせください。