商品一覧のセールや売り切れ時に表示されるバッヂを非表示にしたい

Topic summary

ユーザーがRise(バージョン15.2.0)テーマで商品一覧画面に表示される「セール」や「売り切れ」の黒いバッジを非表示にする方法を質問しました。

問題点:

  • デフォルトテーマのコンテンツ編集でテキストを削除しても、黒いバッジ自体は残ってしまう
  • 他の質問を参考にCSSを試したが上手くいかなかった

解決方法:
株式会社Tsunの吉谷氏が以下のCSSコードをカスタムCSSに追加する方法を提案:

.card__content > .card__badge {
  display: none ;
}

結果:
このコードにより、質問者は無事にバッジを非表示にすることができました。問題は解決済みです。

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.

現在Rise(15.2.0)を使用しております。

商品の一覧画面で、売り切れとかセール時に左下に黒いバッヂが表示されるのですが、これを非表示にするにはどこを編集すればいいのでしょうか?

「デフォルトテーマのコンテンツを編集」から、on saleとsold outのテキストを消しただけでは、文字だけ消えて黒いバッヂは残ったままになってしまいます。

ご教授いただけますと幸いです。

(他の方の質問を参考にCSSの追加とかしてみましたが上手くできませんでした…)

はじめまして

株式会社Tsunの吉谷と申します。

カスタムCSSにて下記のサンプルコードを挿入することでバッジを非表示にできるかと思います。

(サンプルコード)

.card__content > .card__badge {
  display: none;
}

(サンプルコードの挿入箇所)

以上になります。

ご参考になりましたら幸いです。

ありがとうございます!

無事非表示にすることが出来ました!