# 割引の場合に出力される「セール」表記を削除したい

**URL:** <https://community.shopify.com/t/topic/392819>\
**Category:** サンプルコード集（アプリ・テーマ）\
**Created:** [February 7, 2025, 8:32am UTC](https://community.shopify.com/t/topic/392819 "2025-02-07T08:32:42Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

Dawnテーマで割引価格設定時に自動表示される「セール」表記の削除方法についての質問と解決策。

**質問内容：**
- 商品詳細ページ：割引前価格と価格は表示したいが「セール」文言を削除したい
- TOPページのコレクション一覧：割引設定時も通常表示（価格のみ）にしたい

**提供された解決策（Dawn 15.2.0前提）：**

1. **商品詳細ページ**
   - `snippets/price.liquid`の127行目付近、「セール」表記部分（3行）を削除

2. **コレクション商品一覧**
   - `snippets/cart-product.liquid`の135行目付近、セール表記部分（7行）を削除
   - テーマカスタマイズ画面で特集コレクションにカスタムCSS（`.price--on-sale .price-item--regular { display: none; }`）を追加

**注意点：**
CSS方法はセクション追加ごとに設定が必要なため、本格的なカスタマイズには開発パートナーの利用を推奨。

<div class="post-metadata">

**Author:** ![3inc](https://avatars.discourse-cdn.com/v4/letter/3/977dab/32.png) [@3inc](https://community.shopify.com/u/3inc)\
**Post date:** [February 7, 2025, 8:32am UTC](https://community.shopify.com/t/topic/392819/1 "2025-02-07T08:32:42Z")

</div>

テーマはDawnを使用しています。

割引前価格を設定した際に、「セール」という文言が表記されますが、その表記を削除したいです。

▼イメージ

現状： ~~割引前価格~~ 価格 セール

理想： ~~割引前価格~~ 価格

またTOPページに商品一覧（コレクション）を設置した際も、セール表記および割引価格が出力されますが、こちらはそもそも、割引前価格を設定していない状態のように、通常通りの出力をしたいです。

▼イメージ

現状： ~~割引前価格~~ 価格 セール

理想：価格

2つの内容ですが、分かる方いましたらぜひ教えていただきたいです…!

ぜひお力添えお願いします。

---

<div class="post-metadata">

**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\
**Post date:** [February 12, 2025, 11:01am UTC](https://community.shopify.com/t/topic/392819/2 "2025-02-12T11:01:38Z")

</div>

@3inc 様

Dawnのバージョンが15.2.0であることを前提に回答いたします。

> 現状：割引前価格 価格 セール

> 理想：割引前価格 価格

こちらは、下図の商品詳細ページの部分を指している、ということであっているでしょうか？

 ![screenshot_20250212_01.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/b/7/3/b738815aa8302c83e3c440f161bdaaf3dd51d6f3.jpeg)

合っているようでしたら、2箇所コード修正されると良いです。

1. 商品詳細

snippets/price.liquidの127行目付近の下記3行のコードを削除します。

```markup

        {{ 'products.product.on_sale' | t }}
      

```

1. トップページのコレクションの商品一覧

snippets/cart-product.liquidの135行目付近の下記7行のコードを削除します。

```markup
{%- elsif card_product.compare_at_price > card_product.price and card_product.available -%}
              
                {{- 'products.product.on_sale' | t -}}
              

```

また、

管理画面 \> テーマ \> カスタマイズ で、下図のように特集コレクションにカスタムCSSを設定します。

 ![screenshot_20250212_02.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/1/4/146f60c70e60a3981ed24fc49f18db6262ee5557.jpeg)

カスタムCSSへの設定内容は下記です。

```css
.price--on-sale .price-item--regular {
  display: none;
}

```

この方法は、セクションを追加するたびに、このCSSを記述しなければならず、バッドプラクティスなのですが、

ベストを目指そうとするとコードカスタマイズが立て込んでしまうため、こちらの方法を紹介しています。

もし、本格的なカスタマイズをご希望でしたら開発パートナーを探すのをおすすめします。

(キュー田辺)