Dawnテーマで割引価格設定時に自動表示される「セール」表記の削除方法についての質問と解決策。
質問内容：
提供された解決策（Dawn 15.2.0前提）：
商品詳細ページ
snippets/price.liquidの127行目付近、「セール」表記部分（3行）を削除コレクション商品一覧
snippets/cart-product.liquidの135行目付近、セール表記部分（7行）を削除.price--on-sale .price-item--regular { display: none; }）を追加注意点：
CSS方法はセクション追加ごとに設定が必要なため、本格的なカスタマイズには開発パートナーの利用を推奨。
テーマはDawnを使用しています。
割引前価格を設定した際に、「セール」という文言が表記されますが、その表記を削除したいです。
▼イメージ
現状：割引前価格 価格 セール
理想：割引前価格 価格
またTOPページに商品一覧（コレクション）を設置した際も、セール表記および割引価格が出力されますが、こちらはそもそも、割引前価格を設定していない状態のように、通常通りの出力をしたいです。
▼イメージ
現状：割引前価格 価格 セール
理想：価格
2つの内容ですが、分かる方いましたらぜひ教えていただきたいです…!
ぜひお力添えお願いします。
@3inc 様
Dawnのバージョンが15.2.0であることを前提に回答いたします。
現状：割引前価格 価格 セール
理想：割引前価格 価格
こちらは、下図の商品詳細ページの部分を指している、ということであっているでしょうか？
合っているようでしたら、2箇所コード修正されると良いです。
snippets/price.liquidの127行目付近の下記3行のコードを削除します。
{{ 'products.product.on_sale' | t }}
snippets/cart-product.liquidの135行目付近の下記7行のコードを削除します。
{%- elsif card_product.compare_at_price > card_product.price and card_product.available -%}
{{- 'products.product.on_sale' | t -}}
また、
管理画面 > テーマ > カスタマイズ で、下図のように特集コレクションにカスタムCSSを設定します。
カスタムCSSへの設定内容は下記です。
.price--on-sale .price-item--regular {
display: none;
}
この方法は、セクションを追加するたびに、このCSSを記述しなければならず、バッドプラクティスなのですが、
ベストを目指そうとするとコードカスタマイズが立て込んでしまうため、こちらの方法を紹介しています。
もし、本格的なカスタマイズをご希望でしたら開発パートナーを探すのをおすすめします。
(キュー田辺)