상품 배지 개선_혜조(완)

• 업로드 전 체크리스트

• 작업자: 김혜조

• 담당 제품 관리자: 최은정님 (이지혜님)

• 목적: 신기능 배포에 맞춰 안내서 내용 추가

• 기능 관련 노션 링크

• 노출 위치: 1. 상점 디자인하기 > 콘텐츠 구성 요소 > 5-3. 상품 목록 섹션 공통 스타일 설정하기 2. 상점 디자인하기 > 콘텐츠 구성 요소 > 6-3. 상품 슬라이드 섹션 공통 스타일 설정하기 3. 상점 관리하기 > 상품 > 2-1. 상품 설정

• 틀 작업 후 동호님 공유 (새롭게 안내서를 만들거나, 기존 안내서의 구성이 완전히 변경되는 경우)

• 업로드 전 제품관리자 공유 (별도 가이드를 공유받지 못한 경우)

• 스펠러 확인

• 하위 주소:

• 업로드 전 서운팀 기능 공유 (안내서만으로 원활한 CS가 어려운 기능인 경우)

• 업로드 후 체크리스트

• 기존 안내서에 변경할 링크 있는지 확인

• 업로드 후 서운팀 / 제품관리자 공유

• 업로드 후 링크 확인 및 글자 씹힘 없는지 확인

• 업데이트 기능별 문서 및 깃북 엑셀 업로드

5-3. 상품 목록 섹션 공통 스타일 설정하기

공통 스타일 설정 패널로 이동하거나 섹션 태그의 파레트 모양 아이콘을 눌러 상품 목록 섹션의 공통 스타일을 설정할 수 있습니다.

설정 항목
너비 상품 목록 섹션 내 상품 썸네일 영역의 너비를 지정할 수 있습니다. 좁은 너비가 960px 로 화면에 보여집니다. 보통 너비가 1200px 로 화면에 보여집니다. 넓은 전체 > 공통 설정의 최대 너비(기본 1800px) 로 화면에 보여집니다.
열 상품 목록 섹션에서 한 줄에 상품을 몇 개 보여줘야 할지 1개~6개 사이에서 지정할 수 있습니다.
페이지당 상품 개수 한 번에 최대 몇 개의 상품을 화면에 노출할지 정할 수 있습니다. 상품 목록 섹션에서 보여주는 전체 상품수가 지정된 상품 수 보다 많을 경우 페이지로 나누어 쪽번호와 함께 화면에 보여집니다.
썸네일 상품 목록 섹션에 출력되는 상품 썸네일(사진)의 너비, 높이 비율을 지정할 수 있습니다. 원본 원본 비율대로 썸네일의 사이즈를 보여줍니다. 2:3 / 3:4 / 1:1 / 4:3 / 3:2 / 16:9 / 7:3 / 3:1
간격 상품 사이의 간격을 지정할 수 있습니다.
필터 상품 목록 섹션에서 필터(카테고리)를 사용하는 경우 화면에 보여질 필터 항목의 스타일 속성을 지정할 수 있습니다. 위치 위 / 왼쪽 / 오른쪽 정렬 왼쪽 / 가운데 / 오른쪽 여백 필터와 상품 목록 사이의 간격을 지정할 수 있습니다. 간격 필터 항목간 간격을 지정할 수 있습니다. 글꼴 필터 항목의 서체를 지정할 수 있습니다. 굵기 필터 항목의 글자 두께를 지정할 수 있습니다. 크기 필터 항목의 글자 크기를 지정할 수 있습니다. 자간 필터 항목의 글자 사이의 간격을 지정할 수 있습니다.
상품 이름 / 가격 / 보조 설명 상품의 이름, 가격, 보조 설명을 어떤 방식으로 노출할지 지정할 수 있습니다. 위치 썸네일 아래 썸네일 중앙 (마우스 올릴 때) 정렬 왼쪽 / 가운데 / 오른쪽
상품 이름 상품 목록에 출력되는 상품 이름의 스타일 속성을 지정할 수 있습니다. 색상 글자의 색상을 지정할 수 있습니다. 글꼴 서체를 지정할 수 있습니다. 굵기 글자 굵기를 지정할 수 있습니다. 크기 글자 크기를 지정할 수 있습니다. 자간 글자의 자간을 지정할 수 있습니다.
가격 상품 목록에 출력되는 상품 가격의 스타일 속성을 지정할 수 있습니다. 색상 글자의 색상을 지정할 수 있습니다. 글꼴 서체를 지정할 수 있습니다. 굵기 글자 굵기를 지정할 수 있습니다. 크기 글자 크기를 지정할 수 있습니다. 자간 글자의 자간을 지정할 수 있습니다.
보조 설명 '보조 설명 보이기'를 사용[✔︎]으로 선택하면 상품 목록에 출력되는 보조 설명의 속성을 지정할 수 있습니다. 색상 글자의 색상을 지정할 수 있습니다. 글꼴 서체를 지정할 수 있습니다. 굵기 글자 굵기를 지정할 수 있습니다. 크기 글자 크기를 지정할 수 있습니다. 자간 글자의 자간을 지정할 수 있습니다.
배지 상품 목록에 출력되는 배지의 스타일 속성을 지정할 수 있습니다. 위치 왼쪽 위 / 왼쪽 중간 / 왼쪽 아래 / 가운데 위 / 가운데 중간 / 가운데 아래 / 가운데 아래 / 오른쪽 위 / 오른쪽 중간 / 오른쪽 아래 모양 원 / 정사각형 / 직사각형 너비 배지의 너비를 지정할 수 있습니다. 할인 색상 할인 상품임을 알려주는 배지의 색상을 지정할 수 있습니다. 품절 색상 상품이 품절되었음을 알려주는 배지의 색상을 지정할 수 있습니다. 신상품 색상 '상품 > 편집하기 > 배지 - 신상품' 옵션을 통해 만들어진 배지의 색상을 지정할 수 있습니다. 베스트 색상 '상품 > 편집하기 > 배지 - 베스트' 옵션을 통해 만들어진 배지의 색상을 지정할 수 있습니다. MD추천 색상 '상품 > 편집하기 > 배지 - MD추천' 옵션을 통해 만들어진 배지의 색상을 지정할 수 있습니다. 직접 입력 색상 '상품 > 편집하기 > 배지 - 직접 입력' 옵션을 통해 만들어진 배지의 색상을 지정할 수 있습니다. 좌우 여백 배지의 좌우 여백을 지정할 수 있습니다. 상하 여백 배지의 상하 여백을 지정할 수 있습니다. 글꼴 서체를 지정할 수 있습니다. 굵기 글자 굵기를 지정할 수 있습니다. 크기 글자 크기를 지정할 수 있습니다. 자간 글자의 자간을 지정할 수 있습니다.
마우스 오버 효과 상품 목록 섹션의 상품 썸네일 위에 마우스를 올렸을 때 적용될 (트랜지션) 효과를 지정할 수 있습니다.
언어 배지 위에 표기될 단어의 언어 설정을 할 수 있습니다. 단, 직접 입력한 배지의 경우 입력한대로 출력됩니다. 한국어 '할인', '품절', '신상품', '베스트', 'MD추천' 등의 단어로 표기됩니다. 영어 'SALE', 'SOLD OUT', 'NEW', 'BEST', 'MD PICK' 등의 단어로 표기됩니다.

6-3. 상품 슬라이드 섹션 공통 스타일 설정하기

공통 스타일 설정 패널로 이동하거나 섹션 태그의 파레트 모양 아이콘을 눌러 상품 슬라이드 섹션의 공통 스타일을 설정할 수 있습니다.

설정 항목
너비 상품 목록 섹션 내 상품 썸네일 영역의 너비를 지정할 수 있습니다. 좁은 너비가 960px 로 화면에 보여집니다. 보통 너비가 1200px 로 화면에 보여집니다. 넓은 전체 > 공통 설정의 최대 너비(기본 1800px) 로 화면에 보여집니다.
열 상품 목록 섹션에서 한 줄에 상품을 몇 개 보여줘야 할지 1개~6개 사이에서 지정할 수 있습니다.
상품 개수 총 몇 개의 상품을 화면에 노출할지 정할 수 있습니다. 상품 목록 섹션에서 보여주는 전체 상품수가 지정된 상품 수 보다 많을 경우 페이지로 나누어 쪽번호와 함께 화면에 보여집니다.
썸네일 상품 목록 섹션에 출력되는 상품 썸네일(사진)의 너비, 높이 비율을 지정할 수 있습니다. 원본 원본 비율대로 썸네일의 사이즈를 보여줍니다. 2:3 / 3:4 / 1:1 / 4:3 / 3:2 / 16:9 / 7:3 / 3:1
상품 이름 / 가격 / 보조 설명 상품의 이름, 가격, 보조 설명을 어떤 방식으로 노출할지 지정할 수 있습니다. 위치 썸네일 아래 썸네일 중앙 (마우스 올릴 때) 정렬 왼쪽 / 가운데 / 오른쪽
상품 이름 화면에 출력되는 상품 이름의 글자 크기를 지정할 수 있습니다.
가격 화면에 출력되는 상품 가격의 글자 크기를 지정할 수 있습니다.
보조 설명 상품 목록 섹션의 공통 스타일 편집에서 '보조 설명 보이기'를 사용[✔︎]으로 선택하면 상품 슬라이드 섹션에 출력되는 보조 설명의 글자 크기를 지정할 수 있습니다.
배지 상품 목록에 출력되는 배지의 스타일 속성을 지정할 수 있습니다. 설정 항목을 제외한 나머지는 상품 목록 섹션의 설정을 계승합니다. 너비 배지의 너비를 지정할 수 있습니다. 좌우 여백 배지의 좌우 여백을 지정할 수 있습니다. 상하 여백 배지의 상하 여백을 지정할 수 있습니다. 글자 크기 글자 크기를 지정할 수 있습니다.
전환할 때 넘어가는 썸네일 개수 좌우로 이동 시 썸네일을 몇개씩 넘겨줄지 지정할 수 있습니다. 자동 재생하기 선택하면 지정한 재생 간격(초) 마다 슬라이드가 자동으로 이동합니다. 마우스를 올릴 때 일시 정지하기 상품 슬라이드 위에 마우스를 올리면 슬라이드 이동이 잠시 멈추게 됩니다.
이전 / 다음 화살표 상품 슬라이드를 좌우로 이동할 수 있는 이동 버튼의 출력 여부와 스타일을 지정할 수 있습니다. 이전 / 다음 화살표 보이기 사용 [✔︎]을 선택하면 이전 / 다음 화살표 버튼을 화면에 출력합니다. 기본 색상 화살표의 기본 색상을 지정할 수 있습니다. 마우스 오버 색상 화살표에 마우스를 올렸을 때 변경될 색상을 지정할 수 있습니다.
마우스 오버 효과 상품 목록 슬라이드의 상품 썸네일 위에 마우스를 올리면 보여질 효과를 지정할 수 있습니다. 없음 밝기 변화 다음 썸네일 보이기 마우스를 올리면 해당 상품에 등록된 두번째 상품 이미지가 화면에 보이게 됩니다.

2-1. 상품 설정

화면 좌측에 위치한 상품 설정 패널에서 상품의 속성을 정의할 수 있습니다.

설정 항목
종류 배송 상품 배송 과정을 포함한 일반적인 상품일 경우 선택합니다. 서비스 상품 배송 과정이 없는 행사 등 서비스 상품일 경우 선택합니다. 샘플 상품 최초 계정 생성 시 상점에 샘플 상품이 등록됩니다. 샘플 상품은 판매가 불가하기 때문에 삭제하고 새로운 상품을 등록하거나 배송 상품 또는 서비스 상품으로 종류를 변경한 후 이용해 주세요. 면세 상품으로 지정하기 면세 상품을 판매하는 경우 해당 상품의 과세/면세 여부를 PG사에 전달합니다. 단 PG사와 면세 상품 판매 계약이 맺어져 있어야 하므로 이용 중인 PG사 고객센터에 문의해주세요. 토스페이먼츠: 1544-7772 KG 이니시스 고객센터: 1588-4954 나이스페이 고객센터: 1661-7335
이름 상점에 노출되는 상품명을 입력합니다.
하위 주소 '상점도메인주소/product/' 뒤에 붙는 주소입니다. (예시: https://konny.co.kr/product/babywrap-stripe)
상품코드 (SKU) 상품의 재고 관리를 위해 사용하는 코드를 입력합니다. 없으면 입력하지 않아도 무방합니다.
정가 (소비자가) 상품의 기본 가격을 입력합니다. 할인가가 없으면 이 가격이 노출됩니다.
할인가 (판매가) 상품의 가격을 정가에서 할인하여 판매하고자 할 때 입력합니다.
대표 이미지 상점의 상품 상세 페이지 상단에 노출되는 이미지입니다. 권장 사이즈는 가로 900px 이상이며, 확대 기능을 사용하시려면 2,000px 이상을 추천합니다. (단 이미지 용량을 최적화하지 않으면 속도에 영향을 미칠 수 있습니다.)
요약 설명 상점의 상품 상세 페이지 상단에 노출되는 상품에 대한 간략 설명글입니다.
보조 설명 상품 목록 섹션에서 상품 이름 - 상품 가격 사이에 노출되는 보조 설명입니다. [디자인 편집 > 메뉴(좌측 하단≡) > 스타일 편집 > 상품 목록 섹션]에서 '보조 설명 보이기'를 사용[✔]으로 선택한 경우에만 보조 설명이 노출됩니다.
수량 상품의 재고 수량을 지정/변경할 수 있습니다.
옵션 상품을 선택하는데 필요한 색상, 사이즈 등의 옵션을 최대 3개까지 등록할 수 있으며, 옵션 조합별 상품 재고 및 판매 여부등을 설정할 수 있습니다. 더 알아보기
배송 정책 상품 구매 시 부과할 배송 정책을 설정할 수 있습니다. 더 알아보기 단, 서비스 상품일 경우 배송 정책을 설정할 수 없습니다.
상태 1-3항을 참고하세요.
판매 시점 설정 상품 판매 시작 시점과 종료 시점을 설정할 수 있습니다. 상품 판매 시작 시점 전에는 상품 상세 페이지에 빨간색 글씨로 설정한 판매 기간이 표시되고 구매하기와 장바구니에 담기 버튼이 비활성화됩니다. 시작 시점: 상품 판매를 시작하는 시점 종료 시점: 상품 판매를 종료하는 시점
배지 상품 목록에서 할인, 품절, 신상품, 베스트, MD추천 등을 표시하는 용도로 쓰이며 '직접 입력' 옵션을 선택하면 원하는 글자를 적어 넣을 수 있습니다. 배지를 '직접 입력'으로 선택한 경우 Enter 로 줄 바꿈이 가능합니다.
카테고리 상품의 카테고리를 지정할 수 있습니다. 하나의 상품은 다수의 카테고리에 포함될 수 있습니다. 카테고리를 지정하지 않을 경우 상점에 노출할 수 없습니다.
공통 정보 (머리글 / 바닥글) 공지사항, 배송정보, 교환/반품 정보 등 동일한 내용이 반복적으로 상품 상세 설명에 포함되야 할 경우 공통 정보를 생성하여 관리할 수 있으며 미리 생성된 공통 정보를 상품과 연결하여 상세 설명 상단 혹은 하단에 노출 할 수 있습니다.
검색 키워드 상점 내 특정 키워드로 상품이 검색될 수 있도록 검색어를 지정할 수 있습니다. (식스샵 내에서만 검색되는 키워드로 네이버 쇼핑과는 무관합니다.)

[ 상품 고급 설정 ]

설정 항목
관련 상품 해당 상품과 연관된 상품을 등록하면 상품 상세페이지 하단에 노출하여 추가 구매를 유도할 수 있습니다.
가격 대체 문구 고객 등급별 구매 권한을 차등 지급하고자 할 때 가격 대체 문구를 활용하여 가격 대신 '프리미엄 회원만 구매할 수 있습니다'와 같은 안내를 노출 할 수 있습니다.
추가 옵션 선물 포장 등 추가 옵션을 등록할 수 있습니다. ' 주문 수량과 관계없이 추가 금액 고정하기' 옵션으로 추가 옵션 금액을 주문 수량 만큼 반복 청구하거나 주문 당 1회만 청구하도록 설정할 수 있습니다.
작성형 옵션 카드 작성, 문구 각인 등 옵션으로 텍스트 값을 요청해야하는 경우 사용할 수 있는 옵션입니다.
추가 정보 브랜드, 제조사, 원산지 정보를 노출해야 할 때 사용할 수 있는 옵션입니다. 상품 상세 페이지에는 노출되지 않으며 사이트의 검색 기능에서 브랜드, 제조사로 검색할 수 있습니다. 입력한 정보는 아래 서비스를 사용 중일 경우, 해당 서비스에 자동 반영됩니다. 네이버 쇼핑 브랜드, 제조사, 원산지 다음 쇼핑하우 브랜드, 제조사
네이버페이 네이버페이 애드온을 사용하는 경우 보여지는 설정이며 상품별로 네이버페이 구매 여부를 개별 설정할 수 있습니다.
네이버 쇼핑 추가 설정 네이버 쇼핑 애드온을 사용하는 경우 보여지는 설정이며 쇼핑 검색 노출 여부를 개별 설정할 수 있습니다.
다음 쇼핑하우 추가 설정 다음 쇼핑하우 애드온을 사용하는 경우 보여지는 설정이며 쇼핑하우 연동에 해당 상품 포함 여부를 설정할 수 있습니다.