.upcart-cart와 .upcart-cart-body는 모듈이 아니라 드로어 셸에 있으므로 V2에서도 계속 적용돼요. 드로어 전체를 대상으로 하는 레이아웃 수정(너비 제한, 가로 오버플로 방지)은 업그레이드 후에도 계속 작동해요.
개요
참고
Upcart CSS 선택자 사용 방법
- 요소 숨기기 또는 스타일 변경
- 간격, 글꼴, 색상 변경
- 스토어 브랜딩에 맞게 레이아웃 조정
CSS를 추가하기 전에 알아 둘 것
CSS 사용자 지정 체크리스트:
- 안전한 환경에서 테스트하세요: 가능하면 게시 전에 미리보기나 게시되지 않은 테마를 사용하세요.
- 작게 시작하세요: 한 번에 하나씩 변경해야 무엇이 효과가 있었는지 추적하기 쉬워요.
- 올바른 위치에 스타일을 붙여넣으세요: Upcart Editor > Settings > Custom CSS 필드에 코드를 추가하세요.
- 검사 도구를 사용하세요: 브라우저에서 요소를 마우스 오른쪽 버튼으로 클릭하고 **검사(Inspect)**를 선택해 선택자를 실시간으로 찾고 테스트하세요.
- 추측하지 마세요: 모든 요소가 모든 장바구니에 표시되는 것은 아니에요 — 다양한 장바구니(리워드/업셀 유무 등)로 테스트하세요.
CSS 선택자 라이브러리
일반 설정
디자인 모듈
헤더 모듈
본문 설정
공지 모듈
리워드 모듈
추천 모듈
구독 업그레이드 모듈
업셀 모듈
상품 설정
애드온 모듈
할인 코드 모듈
절약 금액 행
간편 결제 모듈
참고
신뢰 배지 모듈
추가 메모 모듈
Upcart 설정 모듈
스켈레톤 선택자
시작하는 데 도움이 되는 자료:
- 커스텀 CSS 시작하기: Upcart에서 커스텀 CSS를 안전하게 추가하는 방법을 알아보세요.
- Upcart 사용자 지정 소개: 사용자 지정이 어떻게 작동하고 어디서 시작해야 하는지 알아보세요.
- AI로 Upcart 커스텀 코드 작성하기: 간단한 프롬프트로 CSS나 JavaScript 작성에 도움을 받으세요.
- 장바구니 전환율을 높이는 모범 사례: 검증된 팁으로 장바구니 디자인을 최적화하세요.