상품 비교, 위시리스트, 리본 쓰기

쇼핑몰에는 손님이 상품을 고르는 데 도움이 되는 기능이 세 가지 더 있습니다. 상품 여러 개를 나란히 놓고 보는 비교, 마음에 드는 상품을 담아 두는 위시리스트, 상품 사진에 「세일」, 「신규!」 같은 띠를 붙이는 리본입니다. 비교와 위시리스트는 처음부터 켜져 있고, 리본은 품목에 붙여야 보입니다.

시작하기 전에

버튼을 켜고 끄려면 사용자 권한의 홈페이지 항목이 편집 및 디자이너여야 합니다.
편집기는 쇼핑몰 화면에서 위쪽 오른쪽의 편집을 누르고 스타일 탭을 열어 씁니다. 바꾼 뒤에는 저장을 누릅니다.

상품 비교

손님이 상품의 비교 버튼을 누르면 화면 아래에 비교 막대가 생기고, 막대의 비교 버튼을 누르면 고른 상품의 속성(색상, 크기, 재질 등)을 표로 나란히 봅니다. 한 번에 4개까지 비교합니다.

비교 버튼은 속성이 있는 품목에만 나옵니다. 속성이 없는 품목은 비교할 내용이 없어 버튼이 생기지 않습니다.

비교 버튼을 켜고 끄는 곳은 두 군데입니다.

상품 페이지: 상품 하나를 열고 편집 상태에서 스타일 탭의 품목 세부 정보 아래 작업 줄에서 비교를 누릅니다. 처음에는 켜져 있습니다.
상품 목록: 쇼핑몰 목록 화면에서 품목 디자인 옆 붓 아이콘을 누르고, 작업의 버튼 줄에서 비교를 누릅니다. 늘 보일지 마우스를 올렸을 때만 보일지 고를 수 있습니다.

속성이 많으면 홈페이지 → 쇼핑몰 → 품목 → 속성 분류에서 「규격」, 「소재」 같은 분류를 만들고, 속성 화면의 카테고리 칸에 지정해 둡니다. 비교표에서 같은 분류의 속성끼리 묶여 보입니다. 속성 분류 메뉴는 개발자 모드를 켜야 보입니다. 개발자 모드를 켜고 끄기

위시리스트

손님이 하트 버튼을 누르면 그 상품이 위시리스트에 담기고, 나중에 위시리스트 페이지(/shop/wishlist)에서 다시 보고 장바구니에 옮깁니다.

로그인한 손님의 위시리스트는 계정에 저장됩니다.
로그인하지 않은 손님의 위시리스트는 그 브라우저 접속에만 남습니다. 그 상태에서 로그인하면 담아 둔 상품이 계정으로 옮겨집니다.

위시리스트 버튼을 켜고 끄는 곳은 이렇습니다.

상품 페이지: 스타일 탭의 품목 세부 정보 아래 작업 줄에서 위시리스트를 누릅니다. 처음에는 켜져 있습니다.
상품 목록: 품목 디자인 옆 붓 아이콘을 누르고 작업의 위시리스트 줄에서 켭니다.
장바구니: 장바구니의 상품 줄마다 「나중에 사기」 버튼이 있어서, 누르면 그 상품을 장바구니에서 빼고 위시리스트로 옮깁니다. 이 버튼은 주문 화면을 편집할 때 나중에 사기 칸으로 켜고 끕니다. 처음에는 켜져 있습니다.

머리글의 하트와 장바구니 아이콘

머리글(맨 위 메뉴 줄)에는 위시리스트 하트와 장바구니 아이콘이 붙고, 담긴 개수가 함께 보입니다. 처음 상태에서는 장바구니 아이콘은 늘 보이고, 하트는 위시리스트에 상품이 있을 때만 보입니다.

바꾸려면 편집 상태에서 머리글을 누르고 스타일 탭의 비어 있음 표시 줄에서 장바구니, 위시리스트 버튼을 켜고 끕니다. 켠 아이콘은 비어 있어도 보입니다.

위시리스트 페이지 모양

위시리스트 페이지를 열고 편집 상태에서 상품 목록을 누르면 위시리스트 페이지 묶음이 나옵니다. 품목 디자인과 붓 아이콘으로 카드 모양을 고르고, 배치에서 데스크탑과 모바일의 보기 방식을 정합니다.

리본

리본은 상품 사진 위에 붙는 띠나 배지입니다. 쇼핑몰 목록과 상품 페이지에 함께 보입니다.

처음 들어 있는 리본

홈페이지 → 쇼핑몰 → 품목 → 리본을 열면 리본 넷이 있습니다. 모두 할당이 수동이라 품목에 직접 붙여야 보입니다.

리본 이름	배경색
품절	빨강 (원래 「Sold out」)
품절	노랑 (원래 「Out of stock」)
세일	초록
신규!	파랑

「품절」이 둘인 것은 영문 이름이 다른 두 리본이 같은 말로 번역되었기 때문입니다. 하나는 이름을 바꾸거나 보관해 두면 고를 때 헷갈리지 않습니다.

리본 만들기

홈페이지 → 쇼핑몰 → 품목 → 리본에서 신규를 누릅니다.
맨 위에 리본 이름을 적습니다. 20자까지 들어갑니다.
할당에서 붙는 방식을 고릅니다.
- 수동: 품목에 직접 붙입니다.
- 할인 중: 쇼핑몰에 할인된 가격이 보이는 품목에 저절로 붙습니다. 가격표 할인이나 비교 가격 때문에 원래 가격보다 싸게 보일 때입니다.
- 신상품일 때: 게시한 지 옆 칸에 적은 날수(처음 값 30일)가 지나지 않은 품목에 저절로 붙습니다.
- 품절일 때: 재고가 떨어진 품목에 저절로 붙습니다. 재고 앱을 쓰고, 품목 화면 쇼핑몰 탭의 품절 시에도 판매를 끈 품목에만 붙습니다.
표시 탭에서 위치(왼쪽, 오른쪽), 스타일(리본, 배지), 텍스트 색상, 배경 색상을 고릅니다.
저장합니다.

수동 말고 다른 방식은 방식마다 리본을 하나씩만 만들 수 있습니다. 같은 방식으로 두 번째 리본을 저장하면 오류가 납니다.

품목에 리본 붙이기

품목 화면: 홈페이지 → 쇼핑몰 → 품목 → 품목에서 품목을 열고 쇼핑몰 탭의 리본 칸에서 고릅니다.
편집기: 쇼핑몰 목록의 상품 카드나 상품 페이지를 누르고 스타일 탭의 리본 칸에서 고릅니다. 연필 아이콘으로 고르고 있는 리본의 이름, 색, 위치를 고치고, 더하기 아이콘으로 새 리본을 만듭니다. 편집기에서는 할당을 정할 수 없어 여기서 만든 리본은 수동 리본이 됩니다.
사양별: 색상마다 다른 리본을 붙이려면 품목의 사양 화면을 열고 쇼핑몰 탭의 사양 리본 칸에서 고릅니다.

한 상품에 리본은 하나만 보입니다. 사양 리본이 있으면 사양 리본, 없으면 품목의 리본 칸, 그것도 비어 있으면 저절로 붙는 리본 가운데 조건에 맞는 것이 리본 목록 순서대로 하나 붙습니다. 목록 순서는 리본 목록 왼쪽 손잡이를 끌어 바꿉니다.

알아 둘 점

품목에 직접 붙인 리본은 조건과 상관없이 늘 보입니다. 할인이 끝났는데 「세일」이 남아 있다면 품목의 리본 칸을 비우거나, 「세일」 리본의 할당을 할인 중으로 바꿔 저절로 붙게 합니다.
품절일 때 리본은 재고를 세는 품목에만 의미가 있습니다. 재고 앱이 없거나 재고를 세지 않는 품목에는 붙지 않습니다. 재고 설정은 홈페이지 설정 중 「쇼핑몰」 묶음 살펴보기의 「재고 기본값」을 봅니다.
비교 버튼, 위시리스트 버튼, 머리글 아이콘 설정은 이 홈페이지의 모든 상품에 함께 걸립니다.