> ## 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의 절약 행은 적용된 할인, 코드, 절약 금액에 대한 정보를 표시해요. 더 미니멀한 레이아웃을 선호하신다면 커스텀 CSS를 사용해 요소를 선택적으로 숨길 수 있어요.

전체 행을 제거하거나 할인 금액, 코드 배지, "할인"이라는 단어와 같은 특정 부분만 제거할 수 있어요.

***

<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)