Skip to main content

​
개요

카트에서 특정 텍스트 요소(업셀 제목이나 옵션(variant) 텍스트 등)의 글꼴 크기를 변경하고 싶다면 Upcart의 기본 제공 Custom CSS 편집기를 사용해 할 수 있어요.

​
1단계: 요소 검사하기

  1. 스토어프론트를 열고 Upcart 드로어를 실행하세요.
  2. 글꼴 크기를 변경하려는 요소를 마우스 오른쪽 버튼으로 클릭하세요.
  3. 브라우저의 컨텍스트 메뉴에서 검사를 선택해 개발자 도구를 여세요.
  4. HTML 패널에서 요소의 클래스 이름을 찾으세요.
    예: upcart-item-option

​
2단계: 커스텀 CSS 편집기에 접근하기

  1. Shopify Admin > Apps > Upcart로 이동하세요
  2. Cart Editor를 여세요
  3. Settings를 클릭하세요
  4. Custom CSS 섹션을 찾으세요

​
3단계: 커스텀 CSS 작성하기

CSS 입력 필드에서:
  1. 마침표(.)로 시작하고 클래스 이름을 이어서 작성하세요
  2. { font-size: 14px !important; }(또는 원하는 크기)를 추가하세요
예시:
💡 참고: .upcart-item-option은 V1 클래스예요. V2에서 라인 아이템 옵션 텍스트에 해당하는 것은 .upcart-public-component-product-tile__variant예요. 전체 목록은 V2 CSS 셀렉터 라이브러리를 참조하세요. 변경 후에도 스타일이 재정의되지 않을 때만 !important를 사용하세요.

​
4단계: 저장하고 테스트하기

  1. Cart Editor에서 Save를 클릭하세요
  2. 스토어프론트 페이지를 새로고침하세요
  3. 카트 드로어를 열고 글꼴 크기가 업데이트되었는지 확인하세요
텍스트가 변경되지 않았다면 클래스 이름을 다시 확인하거나 브라우저의 검사 도구를 다시 사용해 올바른 요소를 타깃팅하고 있는지 확인하세요.