내 상점의 첫 인상을 결정하는 배너 섹션 가이드입니다.
이미지와 동영상을 간단한 텍스트와 함께 메인 배너로 구성할 수 있습니다.
Round 테마 - Fresh 템플릿의 배너 섹션
① [식스샵 프로 > 웹사이트 > 테마]에서 디자인 편집하기 클릭
② 좌측 메인 패널의 [섹션 > 배너] 또는 페이지 프리뷰의 배너 영역 클릭
데이터 추가하기
배너 섹션의 데이터(이미지/동영상) 추가 방식은 테마 구분 없이 동일합니다.
[데이터] 탭에서 + 버튼으로 최대 20개의 이미지/동영상을 추가 및 순서 조정할 수 있습니다. 추가한 이미지/동영상을 클릭하면 배너 콘텐츠 설정 패널이 나타납니다.
•
미디어
◦
유형 : 콘텐츠 종류를 이미지, 동영상 중에서 선택하여 모바일, 데스크톱 각각 업로드할 수 있습니다.
이미지는 5mb 이하의 png, jpg, jpeg, webp, gif 파일, 동영상은 10mb 이하의 mp4 파일만 업로드할 수 있습니다. 동영상은 음 소거와 자동 재생 설정으로 고정됩니다.•
콘텐츠
◦
제목 : 이미지/동영상 위에 문구를 설정할 수 있습니다. 미사용 시 공란으로 남겨 주세요.
◦
내용 : 이미지/동영상 위에 내용을 설정할 수 있습니다. 미사용 시 공란으로 남겨 주세요.
◦
버튼 글자 : 이미지/동영상 위에 버튼을 설정할 수 있습니다. 미사용 시 공란으로 남겨 주세요.
◦
링크 : 이미지/동영상을 클릭했을 때 다른 페이지로 이동하도록 할 수 있습니다. 이동할 페이지/상품/카테고리/게시판/게시글/리뷰/문의를 선택하거나 외부 링크 주소를 직접 입력해 주세요.
디자인 편집하기
특정 테마에서만 제공하는 일부 항목들이 있습니다.
각 테마의 고유 설정에는 노란 배경 처리가 되어 있으니 유의 깊게 살펴봐 주세요.
[디자인] 탭에서 배너 섹션의 디자인 요소를 편집할 수 있습니다.
•
섹션
◦
색상 구성 : 적용할 색상 구성을 선택할 수 있습니다.
◦
헤더 영역과 합치기 : 배너 섹션이 헤더 바로 밑에 위치해 있다면, 자연스럽게 합치는 설정을 할 수 있습니다. 선택 시 배너의 너비는 가득 채우기로 자동 설정됩니다.
▪
기능 선택 시
•
헤더 투명 배경 적용 : 헤더와 배너 섹션이 합쳐질 때 헤더를 투명하게 설정할 수 있습니다.
◦
너비 : 배너 섹션의 너비를 가득 채우기, 그리드 맞추기 중에 선택할 수 있습니다. Essential / Round 테마
◦
우측 슬라이드 보이기 : 다음 슬라이드의 일부가 보이도록 설정할 수 있습니다. Grid 테마
◦
슬라이드 자동 전환 : 여러 이미지/동영상을 업로드하였을 때 자동 전환 여부를 안 함, 한 개씩중에 선택할 수 있습니다.
◦
미디어 : 이미지/동영상의 노출 방식을 높이 고정, 비율 고정 중에 선택할 수 있습니다. 선택한 방식에 따라, 모바일과 데스크톱 각각의 높이 또는 비율을 설정할 수 있습니다.
잘림을 원하지 않는다면 비율 고정을 이용해 주세요.
높이 고정 설정 시, 확인하는 기기와 브라우저의 전체 높이에 따라 노출되는 이미지가 달라집니다. 자세한 내용은 
이미지 설정 가이드를 참고해 주세요.
이미지 설정 가이드를 참고해 주세요.▪
미디어 모양 : 그리드 맞추기 선택 시 이미지/동영상의 썸네일 이미지를 사각형, 원형, 아치형, 나뭇잎 중에 선택할 수 있습니다. Round 테마
◦
하단 여백 사용 : 배너 섹션 하단의 여백 사용 여부를 선택할 수 있습니다. Round 테마
•
콘텐츠
◦
위치 : 콘텐츠(제목, 내용, 버튼)를 입력해 두었다면 노출될 위치를 선택할 수 있습니다.
◦
글자/제목 크기 : 콘텐츠(제목, 내용, 버튼)를 입력해 두었다면 글자/제목 크기를 선택할 수 있습니다.
▪
Essential 테마 : S, M, L
▪
Grid / Round 테마 : S, M, L, XL, 2XL, 3XL, 4XL
◦
글자 색상 : 콘텐츠(제목, 내용, 버튼)를 입력해 두었다면 글자 색상을 선택할 수 있습니다.
▪
Essential 테마 : 밝은, 어두운
▪
Grid / Round 테마 : 기본 글자색, 밝은색, 어두운색
◦
버튼 색상 : 콘텐츠(제목, 내용, 버튼)를 입력해 두었다면 버튼 색상을 기본 버튼색, 밝은색, 어두운색 중에 선택할 수 있습니다. Grid / Round 테마
•
오버레이
◦
오버레이 사용 : 이미지 위에 오버레이 사용 여부를 선택할 수 있습니다.
◦
색상 : 오버레이 색상을 밝은색, 어두운색 중에 선택할 수 있습니다.
◦
투명도 : 오버레이 투명도를 0~100% 중에서 설정할 수 있습니다.
Q1. 등록한 이미지가 잘려서 보여요!
Q2. 배너 섹션에 등록할 이미지 권장 사이즈가 궁금해요.
Q3. 배너 섹션에 3:1 비율의 이미지를 추가했는데, 모바일에서 글자가 이상하게 출력됩니다.
식스샵 프로 가이드로 돌아가기