> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 割引行または特定の節約額要素を非表示にする

> よりすっきりしたカートデザインのために、割引サマリーセクションの一部を非表示にします。

<div id="overview">
  # 概要
</div>

Upcart の節約額（savings）行には、適用された割引、コード、節約額に関する情報が表示されます。よりミニマルなレイアウトにしたい場合は、カスタム CSS を使用して要素を選択的に非表示にできます。

行全体を削除することも、割引額、コードバッジ、「Discount」という文言など、特定の要素だけを削除することもできます。

***

<div id="where-to-find-the-custom-css-editor">
  ## カスタム CSS エディタの場所
</div>

1. **Upcart > Cart Editor > Settings > Custom CSS** に移動します
2. 以下のコードスニペットを入力エリアに貼り付けます
3. **Save** をクリックします
4. ストアフロントを更新して、変更を実際に確認します

***

<div id="css-examples">
  ## CSS の例
</div>

**V1.0 で節約額の行全体を非表示にする**

```
.upcart-savings-row {  
  display: none;  
}
```

<div id="hide-the-entire-savings-row-in-v20">
  #### **V2.0 で節約額の行全体を非表示にする**
</div>

```
.upcart-public-cart-summary {  
  display: none;  
}
```

割引関連のすべてのコンテンツをカートドロワーから削除します。

***

**V1.0 で割引額のみを非表示にする**

```
.upcart-savings-amount {       
  display: none;     
}
```

<div id="hide-only-the-discount-amount-in-v20">
  #### **V2.0 で割引額のみを非表示にする**
</div>

```
.upcart-public-cart-summary__total-discount {       
  display: none;     
}
```

割引ラベルやコードは表示したまま、節約額のみを非表示にします。

***

**V1.0 で割引コードバッジを非表示にする**

```
.upcart-discount-code-badge {       
  display: none;     
}
```

**V2.0 で割引コードバッジを非表示にする**

```
.upcart-public-cart-summary__slide-codes {       
  display: none;     
}
```

有効な割引コードを表示する視覚的なバッジを非表示にします。

***

**V1.0 で節約額のラベルを非表示にする**

V1 のラベルには固有のクラスがないため、ルールを節約額の行にスコープします：

```
.upcart-savings-row .styles_Footer__savingsCodes__ > span {       
  display: none;     
}
```

<Warning>
  `.UpcartDesignSettings__cartTextColor` を単独で対象にしないでください。これはカートのテキスト色を制御するグローバルなユーティリティクラスで、ヘッダー、アナウンス、リワードバー、商品タイトル、レコメンデーションのタイトルなどに適用されています。これを非表示にすると、カートの大部分が空白になってしまいます。
</Warning>

ラベルのテキスト自体は **Total discount savings text** の翻訳設定で、デフォルトは「Discounts」です。非表示にする代わりに、そこで文言を変更することもできます。

<div id="hide-the-word-discount-in-v20">
  #### **V2.0 で「Discount」という文言を非表示にする**
</div>

```
.upcart-public-cart-summary__discount-label {       
  display: none;     
}
```

「Discount」という文言を使用する静的テキストを非表示にします。より正確にターゲットを絞るために、このセレクターを手動で調整するとよい場合があります。

<div id="important-note">
  ## 重要な注意事項
</div>

要素、特に割引額を非表示にすると、プロモーションや節約額の視認性が低下する可能性があります。これらの変更を適用する前に、お客様の体験を考慮してください。

<div id="need-help">
  ## サポートが必要ですか？
</div>

高度なスタイリングやレイアウトの変更については、**Shopify Expert** との連携をおすすめします。Upcart のサポートチームは、カスタムコードの実装支援は行っていません。

[Shopify Experts を見る](https://www.shopify.com/partners/directory)