テーマ「Vessel」でセールタグを削除し、割引前価格を表示させたい

Topic summary

Vesselテーマで2つの表示問題について質問が投稿されました。

問題1: セールタグの非表示

  • TOPページのコレクション商品画像右上に「セール」タグが表示される
  • 解決策として、カスタムCSS欄に .product-badges.product-badges--top-right { display: none; } を追加することで非表示可能
  • ただし、このコードは「売り切れ」タグも同時に非表示にするため、出し分けが必要な場合はテンプレート調整が必要

問題2: 割引前価格の表示

  • 一部商品で「価格 割引前価格」が表示されるが、価格のみ表示される商品もある
  • 原因: 価格と割引前価格が同額、または割引前価格が小さい場合は価格のみ表示される仕様
  • 全商品で割引前価格を表示させるには、価格設定の見直しが必要
Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.

テーマ「Vessel」を利用しています。

TOPページにてコレクション等を設置していますが、商品画像の右上に「セール」タグが表示されてしまいます。
「セール」タグが表示されないよう設定する方法が分かりましたら教えていただきたいです。

また、各商品に価格と割引価格を入力しています。
「価格 割引前価格」と表示される商品と、価格のみしか表示されない商品があります。
全て「価格 割引前価格」で表示させたいのですが、価格のみしか表示されない商品の設定で見直すべき箇所が分かりましたら教えていただきたいです。

@SI_2

>TOPページにてコレクション等を設置していますが、商品画像の右上に「セール」タグが表示されてしまいます。
>「セール」タグが表示されないよう設定する方法が分かりましたら教えていただきたいです。

こちらですが、「商品リスト:カルーセル」をご利用かと思いますが、

カスタムCSS欄に下記コード追加することで非表示にすることが可能かと思います。

.product-badges.product-badges--top-right {
  display: none;
}

ただ、売り切れのタグも同じ仕様で出ておりますので、売り切れとの出しわけを行いたい場合は、テンプレートの調整が必要となります。

>「価格 割引前価格」と表示される商品と、価格のみしか表示されない商品があります。
>全て「価格 割引前価格」で表示させたいのですが、価格のみしか表示されない商品の設定で見直すべき箇所が分かりましたら教えていただきたいです。

こちらですが、価格と割引前価格の金額が同じか、割引前金額小さい場合は「価格」のみ表示されます。

ご参考まで。

(キュー小坂)