콘텐츠로 건너뛰기
목차 · 찾기
위피스 설명서

상품 페이지 꾸미기

상품 페이지는 손님이 상품 하나를 자세히 보고 장바구니에 담는 화면입니다. 사진 배치, 구매 버튼, 상품 정보 표시는 한 번 바꾸면 모든 상품 페이지에 함께 적용됩니다. 상품마다 다른 소개 글과 블록은 그 상품 페이지에만 넣을 수 있습니다.

시작하기 전에

편집 화면 열기

  1. 아무 상품 페이지를 엽니다. 품목 화면에서는 위쪽 홈페이지로 이동하기 버튼을 누릅니다.
  2. 오른쪽 위 편집을 누릅니다.
  3. 오른쪽 편집 막대의 스타일 탭에 상품 페이지 옵션이 나옵니다. 사진이나 블록을 누르면 그 대상의 옵션으로 바뀌므로, 페이지 옵션으로 돌아가려면 빈 곳을 누릅니다.
  4. 다 고친 뒤 저장을 누릅니다.

페이지와 사진 배치

옵션 하는 일
페이지 너비 보통은 가운데 정렬된 폭, 전체 너비는 화면 끝까지 씁니다
이미지 영역 사진이 차지하는 폭. 이미지 숨기기, 고정 33%, 고정 50%, 고정 66%, 100%
위치 사진을 왼쪽에 둘지 오른쪽에 둘지. 컴퓨터 화면에만 적용되고 휴대폰에서는 같습니다
표시 사진이 2장 이상일 때 슬라이드 형식(넘겨 보기) 또는 그리드(바둑판)
미리보기 이미지 슬라이드 형식일 때 작은 사진 줄을 왼쪽 또는 아래에 둡니다
열, 간격 그리드일 때 한 줄에 놓을 사진 수와 사진 사이 간격
둥글기 사진 모서리를 둥글게 깎는 정도
자동 자르기 사진을 정해진 비율(1:1, 4:3, 16:9 등)로 잘라 맞춥니다. 옆의 모바일에서 휴대폰용 비율을 따로 정할 수 있습니다
클릭 시 확대 사진을 누르면 크게 보여 줍니다

사진 순서를 바꾸거나 한 장을 바꿀 때는 페이지의 사진을 직접 누릅니다. 미디어에서 대체(다른 사진으로 바꾸기)나 제거를 누르고, 재주문 화살표로 앞뒤 순서를 바꿉니다. 사진을 더 넣는 것은 품목 화면 쇼핑몰 탭 미디어에서 합니다.

구매 버튼과 상품 정보

「품목 세부 정보」 아래 옵션입니다.

옵션 하는 일 처음 상태
구매 스타일 장바구니 버튼 모양. 기본, 박스형, 크게 기본
구매 옵션 지금 구입하기(담는 즉시 장바구니 화면으로 넘어가는 버튼), 수량(수량 고르는 칸) 수량만 켜짐
작업 비교(상품 비교 담기), 위시리스트(찜하기) 둘 다 켜짐
사양 속성 표를 어디에 보여 줄지. 없음, 페이지 하단, 아코디언으로(구매 버튼 아래 접는 표) 페이지 하단
구분 기호 구매 버튼 앞뒤로 구분선을 넣습니다 켜짐
세금 표시 가격 옆에 「(세금 포함)」 또는 「(세금 미포함)」을 작게 붙입니다 꺼짐
리뷰 상품 이름 아래 별점과 페이지 아래 리뷰 칸을 보여 줍니다 꺼짐
검색창 상품 페이지 위쪽에 상품 검색창을 둡니다 꺼짐

사양 표는 속성을 붙인 품목에만 나옵니다. 쇼핑몰 카테고리와 품목 사양 만들기

위피스에서는 세금 표시를 켜 두기를 권합니다. 쇼핑몰이 부가세 포함 가격을 보여 주는지 손님이 바로 알 수 있습니다.

블록 넣기

편집의 블록 탭에서 블록을 끌어다 놓습니다. 놓는 자리에 따라 적용 범위가 다릅니다.

  • 상품 페이지 맨 위와 맨 아래의 「모든 상품 페이지에 넣을 블록을 여기로 끌어다 놓으세요」 자리: 모든 상품 페이지에 함께 나옵니다. 배송 안내, 교환·반품 안내처럼 모든 상품에 같은 내용을 넣을 때 씁니다.
  • 상품 이름 아래 설명 자리와 사진·구매 버튼 아래 넓은 자리: 지금 보고 있는 상품에만 나옵니다. 상세 사진, 사용법처럼 상품마다 다른 내용을 넣습니다.

상품 이름 아래 설명은 품목 화면 쇼핑몰 탭의 상세 설명과 같은 칸이라, 어느 쪽에서 고쳐도 됩니다.

알아 둘 점

  • 사진 배치, 구매 버튼, 상품 정보 옵션은 한 상품에서 바꿔도 모든 상품 페이지에 적용됩니다. 상품마다 다르게 할 수 없습니다.
  • 여기서 넣은 블록은 상품 목록(/shop) 화면에는 나오지 않습니다. 상품 목록은 따로 꾸밉니다. 쇼핑몰 상품 목록 꾸미기
  • 편집 화면은 로그인한 직원 화면이라 게시하지 않은 상품도 보입니다. 저장한 뒤에는 로그아웃한 창에서 손님 화면을 확인합니다.

이어서 볼 쪽