이 옵션은 테마의 기본 제목 스타일을 사용하여 사이트의 나머지 부분과 시각적으로 일관된 디자인을 유지하는 데 도움이 돼요. Text 필드로 자신만의 제목을 추가하고 {{cart_quantity}}를 사용하여 카트 아이템 수를 동적으로 포함할 수 있어요. 텍스트 정렬은 Side 또는 Center로 설정할 수 있으며, 스토어의 콘텐츠 구조에 따라 적절한 제목 레벨 H2, H3, H4를 선택할 수 있어요.
텍스트 대신 브랜드 로고를 사용하고 싶다면 이 섹션에서 스토어 로고를 직접 업로드할 수 있어요. 로고를 Side 또는 Center로 정렬하고, 14px에서 48px까지 조절되는 Logo size 슬라이더로 크기를 조정하세요. 업로드하는 파일에 강제된 제한은 없지만, 깔끔한 투명도와 선명한 가장자리를 위해 PNG 파일 사용을 권장해요. JPEG도 지원되지만 배경 노이즈가 포함되거나 로고 디테일이 저하될 수 있어요. 성능을 위해 파일 크기를 최적화하는 것을 목표로 하세요.
최고의 품질과 투명 배경 지원을 위해 PNG 파일 사용을 권장해요.
JPEG도 작동하지만, 특히 로고에 배경이나 미세한 디테일이 있는 경우 덜 깔끔하게 보일 수 있어요.
Text 옵션을 선택하면 스토어 테마와 독립적으로 제목 스타일링을 완전히 제어할 수 있어요. 커스텀 제목을 입력하고 동적 업데이트를 위해 {{cart_quantity}}를 포함할 수 있어요. 텍스트 정렬은 Side 또는 Center로 설정할 수 있고, 글꼴 두께를 Normal, Semibold, Bold로 변경하는 옵션이 있어요. 글자 크기는 시각적 슬라이더로 14px에서 48px까지 조정 가능하며, 선택적으로 텍스트 색상 재정의를 적용할 수 있어요.
닫기 버튼은 스토어 디자인에 맞게 커스터마이징할 수 있어요. Location은 드로어의 왼쪽 또는 오른쪽에 배치해요. Background, Icon, Border는 각각 색상과 별도의 호버 색상을 지정할 수 있어요. Icon size는 Small, Medium, Large이고 Icon thickness는 Normal 또는 Thick이에요. Border는 None, Thin, Normal, Thick이에요.
Border가 None으로 설정되어 있는 동안에는 테두리 색상과 테두리 호버 색상 필드가 비활성화돼요. 먼저 테두리 두께를 선택한 다음 색상을 설정하세요.
헤더 모듈 버전 2.0에서는 설정 아래에 모듈 전체를 다루는 단일 Full 템플릿이 있는 Custom template 코드 편집기가 나타나요. React 기반 JSX를 사용하며, 먼저 Cart Editor의 Settings > Cart settings > Advanced Settings에서 Access custom templates를 체크해야 해요. 커스텀 템플릿 설정하기를 참고하세요.
