테마 설정()은 폰트, 색상, 정렬 등의 디자인 요소를 내 상점의 무드에 맞게 일괄 설정할 수 있는 기능입니다.
)은 폰트, 색상, 정렬 등의 디자인 요소를 내 상점의 무드에 맞게 일괄 설정할 수 있는 기능입니다.테마 설정하기
[식스샵 프로 > 웹사이트 > 테마]에서 디자인 편집하기 버튼을 클릭해 주세요.
좌측 상단 테마 설정() 아이콘을 클릭하면 우측에 테마 설정 항목이 나타납니다.
) 아이콘을 클릭하면 우측에 테마 설정 항목이 나타납니다.
특정 테마에서만 제공하는 일부 항목들이 있습니다.
각 테마의 고유 설정에는 노란 배경 처리가 되어 있으니 유의 깊게 살펴봐 주세요.
•
•
글자
◦
기본 글자 크기 : 전체적인 글자 크기를 선택할 수 있습니다.
▪
Essential 테마 : S, M, L
▪
Grid / Round 테마 : 13~18px
◦
줄글 폰트 : 줄글 영역에 적용되는 폰트를 선택할 수 있습니다.
◦
제목글 폰트 : 제목글 영역에 적용되는 폰트를 선택할 수 있습니다.
◦
페이지 제목 크기 : 기본 제공 페이지의 제목 크기를 S, M, L, XL, 2XL, 3XL 중에 선택할 수 있습니다. Grid / Round 테마
◦
섹션 제목 크기 : 섹션의 제목 크기를 S, M, L, XL, 2XL, 3XL 중에 선택할 수 있습니다. Grid / Round 테마
◦
섹션 제목 정렬 : 섹션 제목 정렬을 왼쪽, 가운데, 오른쪽 중에 선택할 수 있습니다.
•
버튼
◦
모양 : 버튼의 모양을 선택할 수 있습니다.
▪
Essential / Grid 테마 : 직사각형, 둥근 직사각형, 알약
▪
Round 테마 : 직사각형, 알약, 타원형
◦
스타일 : 배지 스타일을 테두리, 면 중에 선택할 수 있습니다. Round 테마
◦
색상 : 버튼 배경과 테두리의 색상을 선택할 수 있습니다. Grid / Round 테마
▪
Grid 테마 : 글자 색상 배경, 강조 색상 배경, 강조 색상 배경+글자 색상 테두리, 투명 배경+글자 색상 테두리, 투명 배경+강조 색상 테두리
▪
Round 테마 : 강조색, 글자색
•
상품 정보
◦
이미지 모양 : 상품 목록과 상세 페이지의 상품 썸네일 이미지를 사각형, 원형, 타원형, 아치형, 나뭇잎 중에 선택할 수 있습니다. Round 테마
◦
이미지 비율 : 상품 목록과 상세 페이지의 상품
◦
◦
썸네일 비율을 선택할 수 있습니다. 이미지 모양이 원형이라면 비율 설정이 불가합니다.
◦
이미지 호버 효과 : 상품 썸네일에 마우스 오버 시 효과를 효과 없음, 밝게 하기, 어둡기 하기, 확대하기, 다음 이미지 보이기 중에 선택할 수 있습니다.
◦
정렬 : 상품 정렬을 왼쪽, 가운데, 오른쪽 중에 선택할 수 있습니다.
◦
필터 스타일 : 필터 스타일을 글자, 밑줄, 사각형, 알약형 중에 선택할 수 있습니다.
◦
선택된 필터 색상 : 선택된 필터의 색상을 강조색, 글자색 중에 선택할 수 있습니다.
◦
장바구니 버튼 위치 : 장바구니 버튼 위치를 이미지 위, 상품 정보 오른쪽, 상품 정보 아래 중에 선택할 수 있습니다.
◦
장바구니 버튼 색상 : 장바구니 버튼 색상을 선택할 수 있습니다. Grid / Round 테마
▪
Grid 테마 : 강조, 밝은, 어두운
▪
Round 테마 : 기본 버튼색, 밝은색, 어두운색
•
◦
스타일 : 배지 스타일을 면, 테두리 중에 선택할 수 있습니다.
◦
기본 색상 : 배지 기본 색상을 강조색, 글자색 중에 선택할 수 있습니다.
◦
배지 개별 색상 지정 : 배지 개별 색상을 최대 5개 설정할 수 있습니다.
•
그리드 Grid 테마
◦
그리드에 이미지 가득 채우기 : 그리드에 이미지를 꽉 찬 너비로 채울지 여부를 선택할 수 있습니다.
•
라운드 Round 테마
◦
테두리 라운드 : 이미지, 상품 , 버튼 등 테두리의 라운드 정도를 2XS, XS, S, M, L, XL 중에 선택할 수 있습니다.
•
애니메이션
페이지 첫 로딩과 스크롤 시 부드러운 애니메이션 효과를 주는 설정입니다.
◦
유형 : 애니메이션 유형을 페이드인, 슬라이드인 중에 선택할 수 있습니다. 설정하지 않으려면 없음을 선택해 주세요.
◦
속도 : 애니메이션 속도를 천천히, 보통, 빠르게 중에 선택할 수 있습니다.
•
SNS 링크
◦
전화번호 : 전화번호를 입력해 주세요.
◦
이메일 : 이메일 주소를 입력해 주세요.
◦
인스타그램 : 인스타그램의 주소를 https://www.instagram.com/{인스타그램 아이디} 형식으로 입력해 주세요.
◦
카카오톡/카카오채널 : 카카오톡의 프로필 주소 또는 카카오 채널의 홈 url을 입력해 주세요.
◦
블로그 : 블로그 주소를 입력해 주세요.
◦
유튜브 : 유튜브 채널 주소를 입력해 주세요.
◦
페이스북 : 페이스북 페이지 주소를 입력해 주세요.
색상 구성하기
여기까지 따라와 주셨다면, 이제 디자인 첫 단계가 완료되었어요!
Q1. 테마와 템플릿은 뭐가 다른가요?
Q2. 디자인 편집 화면이 모바일 기준이에요. PC 버전의 디자인을 확인하고 싶어요.
Q3. 디자인 작업이 오래 걸릴 것 같은데, 완벽한 상태에서 결제 서비스(PG) 연동을 해야 하나요? ()
)Q4. Grid 테마의 테마 설정 중 섹션 제목 크기와 페이지 제목 크기는 다른 건가요? ()
)Q5. Grid 테마의 테마 설정 중 섹션 제목 크기를 변경했는데, 일부 섹션의 제목에는 적용되지 않았어요.
Q6. 테마 설정 중 SNS 링크는 어느 영역에 적용되는 건가요?
식스샵 프로 가이드로 돌아가기