개요
헤더 모듈 설정
일반
제목
테마 제목에서 상속하기
{{cart_quantity}}를 사용하여 카트 아이템 수를 동적으로 포함할 수 있어요. 텍스트 정렬은 Side 또는 Center로 설정할 수 있으며, 스토어의 콘텐츠 구조에 따라 적절한 제목 레벨 H2, H3, H4를 선택할 수 있어요.
브랜드 로고
- 최고의 품질과 투명 배경 지원을 위해 PNG 파일 사용을 권장해요.
- JPEG도 작동하지만, 특히 로고에 배경이나 미세한 디테일이 있는 경우 덜 깔끔하게 보일 수 있어요.
텍스트 스타일 정의하기
{{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으로 설정되어 있는 동안에는 테두리 색상과 테두리 호버 색상 필드가 비활성화돼요. 먼저 테두리 두께를 선택한 다음 색상을 설정하세요.
커스텀 템플릿
팁
- 정밀한 간격이나 크기 조정이 필요하신가요? 슬라이더를 넘어서는 완전한 제어를 위해 커스텀 CSS를 사용하세요. 정확한 마진, 패딩, 로고 크기 조정에 좋아요.
- 데스크톱과 모바일에서 테스트하세요. 텍스트, 로고, 버튼 같은 헤더 요소는 다양한 화면 크기에서 다르게 표시될 수 있어요
- 적절한 제목 레벨을 사용하세요. 올바른 제목(H2, H3, H4)을 선택하면 접근성과 SEO에 도움이 돼요. 스토어 콘텐츠의 구조에 맞추세요.