상품 섹션(상품 목록, 상품 슬라이드), 미디어+상품 섹션, 상품 태그 섹션을 소개하는 페이지입니다.
등록된 상품이 카테고리 설정된 상품이라면 카테고리 메뉴로 자동 노출되지만, 외에 상품을 추가로 전시하고 싶을 때 이 가이드를 활용해 주세요.
상품 노출 방법 살펴보기
식스샵 프로에서 상품을 판매하려면 3가지 순서만 기억해 주세요!
1. 상품 등록
2. 상품 관련 섹션 추가
3. 상품 관련 섹션에 원하는 상품을 노출
상품 관련 섹션 추가하기
② [식스샵 프로 > 웹사이트 > 테마]에서 디자인 편집하기 클릭 후 [페이지 > 내 페이지]에서 상품을 노출할 페이지를 선택해 주세요.
(아직 페이지가 준비되지 않았다면 페이지 옆 +를 클릭하여 만들어 주세요.)
③ 상품을 보여 줄 영역(헤더 영역, 본문 영역, 푸터 영역) 옆 + 아이콘을 클릭해 주세요.
④ 상품 관련 섹션을 선택해 주세요.
TIP! 헤더 영역과 푸터 영역에 상품을 노출하면 모든 페이지에 상품이 보이게 돼요.
일반적인 상품 페이지로 구성하려면 본문 영역에 섹션을 추가해 주세요.
상품 관련 섹션에 상품 노출하기
⑤ 추가한 섹션을 클릭해 주세요.
⑥ 오른쪽 패널에서 원하는 상품을 골라 노출할 수 있어요.
상품 유형은 원하는 상품만 골라서, 카테고리 유형은 상품 카테고리 단위로 노출하는 방식이에요.
⑦ 오른쪽 상단 사이트 게시까지 완료하면 상품이 식스샵 프로 상점에 노출됩니다.
TIP! 상품 카테고리 필터를 제공하려면 카테고리 유형을 선택해 주세요!
상품 섹션
식스샵 프로에 등록한 상품 정보를 불러와 전시하는 섹션입니다.
Grid 테마 - Minimal 템플릿의 상품 섹션
좌측 메인 패널의 [섹션] 옆 + 아이콘을 클릭하면 나타나는 창에서 상품을 추가해 주세요.
Essential 테마는 상품 목록 섹션과 상품 슬라이드 섹션이 구분되어 있지만 빠른 시일 내에 상품 섹션으로 통합 예정입니다.
(클릭!) Essential 테마를 활용 중이신 운영자님은 여기를 클릭해 주세요![데이터]
•
섹션
◦
제목 : 상품 섹션의 제목을 입력할 수 있습니다.
◦
내용 : 상품 섹션의 내용을 입력할 수 있습니다.
•
상품 목록
◦
유형 : 전시할 상품의 단위를 상품과 카테고리 중에 선택할 수 있습니다.
◦
상품
▪
상품 선택 : 전시할 상품을 모두 선택하면 상품 섹션에 노출됩니다.
◦
카테고리 선택
▪
카테고리 선택 : 전시할 상품 카테고리를 모두 선택하면 상품 섹션에 노출됩니다.
[디자인]
•
섹션
◦
◦
레이아웃 : 레이아웃을 목록, 슬라이드 중에 선택할 수 있습니다.
▪
목록 선택 시
•
상품 진열 방식 : 상품 목록의 진열 방식을 쪽번호와 더보기 버튼 중에 설정할 수 있습니다.
•
페이지당 상품 개수 : 최소 1개~최대 72개 중에 설정할 수 있습니다.
▪
슬라이드 선택 시
•
우측 슬라이드 보이기 : 다음 슬라이드의 일부가 보이도록 설정할 수 있습니다.
•
슬라이드 자동 전환 : 자동 전환 방식을 안 함, 한 개씩, 계속 흐르기 중에 설정할 수 있습니다.
◦
데스크톱 제목 / 필터 위치 : PC에서의 상품 섹션 제목/필터 위치를 선택할 수 있습니다.
◦
모바일 1줄당 상품 개수 : 최소 1개~최대 2개 중에 설정할 수 있습니다.
◦
데스크탑 1줄당 상품 개수 : 최소 1개~최대 6개 중에 설정할 수 있습니다.
•
카테고리
◦
카테고리 필터 보이기 : 카테고리 단위로 상품을 전시했다면, 필터 사용 여부를 선택할 수 있습니다.
◦
전체(All) 필터 보이기 : 카테고리 단위로 상품을 전시했다면, 전체(All) 필터 사용 여부를 선택할 수 있습니다.
•
상품
◦
상품 이름 보이기 : 상품 이름 노출 여부를 선택할 수 있습니다.
◦
상품 가격 보이기 : 상품 가격 노출 여부를 선택할 수 있습니다.
◦
장바구니 버튼 보이기 : 장바구니 버튼 노출 여부를 선택할 수 있습니다.
◦
요약 설명 보이기 : 상품 섹션의 요약 설명 노출 여부를 선택할 수 있습니다.
◦
배지 보이기 : 상품 배지 사용 여부를 선택할 수 있습니다.
미디어+상품 섹션
식스샵 프로에 등록한 상품 정보를 불러와 이미지, 동영상과 함께 전시하는 섹션입니다.
Round 테마 - Bubble 템플릿의 미디어+상품 섹션
좌측 메인 패널의 [섹션] 옆 + 아이콘을 클릭하면 나타나는 창에서 미디어+상품을 추가해 주세요.
[데이터]
•
상품 목록
◦
유형 : 전시할 상품의 단위를 상품, 카테고리 중에 선택할 수 있습니다.
▪
상품 : 전시할 상품을 모두 선택하면 미디어+상품 섹션에 노출됩니다.
▪
카테고리 : 전시할 상품 카테고리를 모두 선택하면 미디어+상품 섹션에 노출됩니다. 카테고리 유형 선택 시 [디자인] 탭에서 카테고리 필터를 사용할 수 있습니다.
•
미디어
◦
유형 : 미디어 유형을 이미지, 동영상 중에 선택할 수 있습니다.
이미지는 5mb 이하의 png, jpg, jpeg, webp, gif 파일, 동영상은 10mb 이하의 mp4 파일만 업로드할 수 있습니다. 동영상은 음 소거와 자동 재생 설정으로 고정됩니다.•
콘텐츠
◦
제목 : 이미지/동영상 위에 제목을 설정할 수 있습니다. 미사용 시 공란으로 남겨 주세요.
◦
내용 : 이미지/동영상 위에 내용을 설정할 수 있습니다. 미사용 시 공란으로 남겨 주세요.
◦
버튼 글자 : 이미지/동영상 위에 버튼을 설정할 수 있습니다. 미사용 시 공란으로 남겨 주세요.
◦
링크 : 이미지/동영상을 클릭했을 때 다른 페이지로 이동하도록 할 수 있습니다. 이동할 페이지/상품/카테고리/게시판/게시글/리뷰/문의를 선택하거나 외부 링크 주소를 직접 입력해 주세요.
▪
TIP! 버튼 글자를 설정해 두었다면 버튼 클릭 시 페이지 이동하며, 버튼 글자를 설정하지 않았다면 이미지/동영상을 직접 클릭 시 페이지 이동합니다.
[디자인]
•
섹션
◦
색상 구성 : 적용할 색상 구성을 선택할 수 있습니다.
◦
모바일 상품 레이아웃 : 모바일의 상품 레이아웃을 목록, 슬라이드 중에 선택할 수 있습니다.
◦
데스크톱 상품 레이아웃 : 데스크톱의 상품 레이아웃을 목록, 슬라이드 중에 선택할 수 있습니다.
▪
목록 선택 시
•
상품 진열 방식 : 상품 목록의 진열 방식을 쪽번호와 더보기 버튼 중에 설정할 수 있습니다.
•
페이지당 상품 개수 : 최소 1개~최대 72개 중에 설정할 수 있습니다.
◦
TIP! 상품 목록에 빈 공간이 없도록, 페이지당 상품 개수는 모바일/데스크탑 1줄당 상품 개수의 공배수를 사용하시기를 권장합니다.
▪
슬라이드 선택 시
•
우측 슬라이드 보이기 : 다음 슬라이드의 일부가 보이도록 설정할 수 있습니다.
•
슬라이드 자동 전환 : 자동 전환 방식을 안 함, 한 개씩, 계속 흐르기 중에 설정할 수 있습니다.
◦
모바일 1줄당 상품 개수 : 최소 1개~최대 2개 중에 설정할 수 있습니다.
◦
데스크탑 1줄당 상품 개수 : 최소 1개~최대 3개 중에 설정할 수 있습니다.
◦
미디어 모양 : 이미지/동영상의 썸네일 이미지를 사각형, 원형, 아치형, 나뭇잎 중에 선택할 수 있습니다. Round 테마
◦
미디어 비율 : 이미지/동영상의 노출 비율을 선택할 수 있습니다.
◦
데스크탑 미디어 배치 : 이미지/동영상 위치를 왼쪽, 오른쪽 중에 설정할 수 있습니다.
◦
데스크톱 상품 정렬 : 이미지/동영상 높이를 기준으로 상품 위치를 위, 가운데로 설정할 수 있습니다.
▪
TIP! 가운데 설정은 미디어 길이가 상품 영역보다 긴 경우에 사용하면 좋습니다.
•
콘텐츠
◦
정렬 : 이미지/동영상에 콘텐츠(제목, 내용, 버튼)를 입력해 두었다면 노출될 위치를 선택할 수 있습니다.
◦
글자/제목 크기 : 이미지/동영상에 콘텐츠(제목, 내용, 버튼)를 입력해 두었다면 글자/제목 크기를 선택할 수 있습니다.
▪
Essential 테마 : S, M, L
▪
Grid / Round 테마 : S, M, L, XL, 2XL, 3XL, 4XL
◦
글자 색상 : 이미지/동영상에 콘텐츠(제목, 내용, 버튼)를 입력해 두었다면 글자 색상을 기본 글자색, 밝은색, 어두운색 중에 선택할 수 있습니다.
◦
버튼 색상 : 이미지/동영상에 버튼을 입력해 두었다면 버튼 색상을 기본 버튼색, 밝은색, 어두운색 중에 선택할 수 있습니다.
•
카테고리
◦
카테고리 필터 보이기 : 카테고리 단위로 상품을 전시했다면, 필터 사용 여부를 선택할 수 있습니다.
◦
전체(All) 필터 보이기 : 카테고리 단위로 상품을 전시했다면, 전체(All) 필터 사용 여부를 선택할 수 있습니다.
•
상품
◦
상품 이름 보이기 : 상품 이름 노출 여부를 선택할 수 있습니다.
◦
상품 가격 보이기 : 상품 가격 노출 여부를 선택할 수 있습니다.
◦
장바구니 버튼 보이기 : 장바구니 버튼 노출 여부를 선택할 수 있습니다.
◦
요약 설명 보이기 : 상품 섹션의 요약 설명 노출 여부를 선택할 수 있습니다.
◦
배지 보이기 : 상품 배지 사용 여부를 선택할 수 있습니다.
•
오버레이
◦
오버레이 사용 : 이미지 위에 오버레이 사용 여부를 선택할 수 있습니다.
◦
색상 : 오버레이 색상을 밝은색, 어두운색 중에 선택할 수 있습니다.
◦
투명도 : 오버레이 투명도를 0~100% 중에서 설정할 수 있습니다.
상품 태그 섹션
식스샵 프로에 등록한 상품 정보를 이미지에 태깅하여 전시하는 섹션입니다.
Round 테마 - Calm 템플릿의 상품 태그 섹션
[데이터]
•
섹션
◦
제목 : 상품 태그 섹션의 제목을 설정할 수 있습니다 미사용 시 공란으로 남겨 주세요.
◦
내용 : 상품 태그 섹션의 내용을 설정할 수 있습니다 미사용 시 공란으로 남겨 주세요.
•
미디어
◦
모바일, 데스크톱에 각각 다른 이미지를 업로드할 수 있습니다.
이미지는 5mb 이하의 png, jpg, jpeg, webp, gif 파일만 업로드 가능합니다.[태그]
+ 아이콘을 클릭하여 최대 20개의 태그를 추가할 수 있습니다.
•
상품 태그 콘텐츠 설정
◦
상품 : 태그 선택 시 노출될 상품을 선택해 주세요.
◦
태그 위치 : 가로/세로 위치를 조절하여 태그가 이미지의 적절한 위치에 노출되도록 설정해 주세요.
▪
TIP! 이미지 비율에 따라 태그 위치가 달라지므로 [디자인] 탭에서 모바일/데스크톱 이미지 비율을 먼저 정해 주시길 권장합니다.
▪
TIP! 모바일/데스크톱 뷰포트를 클릭하여 가로/세로 위치 조절에 따라 달라지는 태그의 위치를 살펴볼 수 있습니다.
[디자인]
•
섹션
◦
◦
너비 : 상품 태그 섹션의 너비를 가득 채우기, 그리드 맞추기 중에 선택할 수 있습니다. Essential / Round 테마
▪
그리드 맞추기 선택 시
•
모양 : 그리드 맞추기 선택 시 상품 태그 섹션의 배경 이미지를 사각형, 원형, 아치형, 나뭇잎 중에 선택할 수 있습니다. Round 테마
◦
모바일/데스크톱 이미지 비율 : 모바일/데스크톱 이미지 비율을 설정할 수 있습니다.
Q1. 상품 목록에 필터를 사용하고 싶은데 디자인 탭에 필터 항목이 나타나지 않아요.
Q2. 미디어+상품 섹션의 [디자인] 탭에서 글자 색상과 버튼 색상을 설정하려 합니다. 기본 글자색과 기본 버튼색은 어느 영역을 따라가나요?
식스샵 프로 가이드로 돌아가기