Upcart의 절약 행은 적용된 할인, 코드, 절약 금액에 대한 정보를 표시해요. 더 미니멀한 레이아웃을 선호하신다면 커스텀 CSS를 사용해 요소를 선택적으로 숨길 수 있어요.
전체 행을 제거하거나 할인 금액, 코드 배지, “할인”이라는 단어와 같은 특정 부분만 제거할 수 있어요.
- Upcart > Cart Editor > Settings > Custom CSS로 이동하세요
- 아래 코드 스니펫을 입력 영역에 붙여넣으세요
- Save를 클릭하세요
- 스토어프론트를 새로 고침하여 변경 사항을 실시간으로 확인하세요
V1.0에서 전체 절약 행 숨기기
장바구니 드로어에서 할인 관련 콘텐츠를 모두 제거해요.
V1.0에서 할인 금액만 숨기기
할인 라벨이나 코드는 계속 표시하되 절약된 금액은 숨겨요.
V1.0에서 할인 코드 배지 숨기기
V2.0에서 할인 코드 배지 숨기기
활성 할인 코드를 표시하는 시각적 배지를 숨겨요.
V1.0에서 절약 라벨 숨기기
V1 라벨은 자체 클래스가 없으므로, 규칙을 절약 행으로 범위를 한정하세요:
.UpcartDesignSettings__cartTextColor를 단독으로 대상으로 지정하지 마세요. 이는 헤더, 공지, 리워드 바, 제품 제목, 추천 제목 등에 적용되는 전역 장바구니 텍스트 색상 유틸리티 클래스로, 이를 숨기면 장바구니 대부분이 비어 보이게 돼요.
라벨 텍스트 자체는 Total discount savings text 번역 항목이며, 기본값은 “Discounts”예요 — 숨기는 대신 거기에서 문구를 변경할 수 있어요.
V2.0에서 “Discount”라는 단어 숨기기
“Discount”라는 단어를 사용하는 정적 텍스트를 숨겨요. 더 정밀한 대상 지정을 위해 이 선택자를 수동으로 조정하셔야 할 수도 있어요.
요소, 특히 할인 금액을 숨기면 프로모션 및 절약 금액의 가시성이 낮아질 수 있어요. 이 변경 사항을 적용하기 전에 고객 경험을 고려하세요.
고급 스타일링이나 레이아웃 변경의 경우 Shopify Expert와 함께 작업하시는 것을 권장해요. Upcart 지원팀은 커스텀 코드 구현을 지원하지 않아요.
Shopify Experts 보기