상품 페이지 구성하기
상품 페이지는 이 테마에서 가장 많이 팔리는 화면입니다. 아래 요소들이 자동으로 나타나는 것과 직접 배치해야 하는 것으로 나뉩니다.
Shopify에 설정하면 저절로 나타나는 것
테마에 손댈 필요가 없습니다. Shopify 관리자에서 해당 기능을 켜면 상품 페이지에 알아서 표시되고, 켜지 않으면 그 자리가 비어 있는 게 아니라 아예 없습니다.
| 표시되는 것 | 나타나는 조건 |
|---|---|
| 정기구독 옵션 | 구독 앱을 설치하고 상품에 판매 플랜을 연결하면 |
| 매장 수령 | Settings → Shipping and delivery에서 매장 수령을 켜고 재고가 있는 지점이 있으면 |
| Shop Pay 할부 | Shop Pay를 사용하고 주문 금액이 할부 가능 범위면 |
| 단위 가격 | 상품 옵션에 용량·중량 단위를 입력하면 (예: ₩1,040 / 100ml) |
| 별점과 리뷰 수 | 리뷰 앱이 reviews.rating_value 메타필드를 채우면. 가격 바로 옆에 표시됩니다 |
| 영상 · 3D 모델 | 상품 미디어에 업로드하면 사진과 함께 갤러리에 표시됩니다 |
| 결제 버튼 (Shop Pay, Apple Pay 등) | Settings → Payments에서 켠 수단이 자동으로 |
설정을 켰는데 안 보인다면, 그 상품에 해당 데이터가 없는 경우가 대부분입니다. 예를 들어 매장 수령은 그 상품의 재고가 있는 매장이 있어야 나타납니다.
직접 배치하는 것: 블록
상품 설명 아래 영역은 원하는 블록을 넣어 채우는 자리입니다. 테마 편집기에서 상품 템플릿 → 상품 정보 섹션 → 블록 추가로 넣습니다.
가장 많이 쓰이는 조합:
| 블록 | 쓰임 |
|---|---|
| 자주 묻는 질문 | 사용법, 피부 타입, 배송·반품. 접었다 펼 수 있어 페이지가 길어지지 않습니다 |
| 인증 마크 | 비건, 크루얼티 프리, 더마테스트. 이미지가 없으면 이모지나 기호도 됩니다 |
| 핵심 성분 | 성분명, 하는 일, 함량 |
| 시험 결과 | ”94% 개선” 같은 수치와 그 근거. 근거 칸을 비우지 마세요. 수치만 있는 광고는 심의에서 문제가 됩니다 |
| 사용 루틴 | 1·2·3 단계로 나눈 사용 순서 |
| 제품 정보 | 용량, 사용기한, 제조국, 책임판매업자 |
| 그룹 | 위 블록들을 가로로 나란히 놓고 싶을 때 감싸는 상자 |
블록은 어느 섹션에서든 똑같이 동작합니다. 상품 페이지에 넣은 자주 묻는 질문 블록을 홈페이지 하단에도 그대로 쓸 수 있습니다.
처음 설정할 때 권장 순서
- 인증 마크를 그룹으로 묶어 가로 3개. 위치는 설명 바로 아래
- 구분선
- 자주 묻는 질문 3개: 사용법 / 피부 타입 / 배송·반품, 첫 번째만 펼침
기본 상품 템플릿이 이 구성으로 출고됩니다. 내용만 바꾸면 됩니다.
수량과 재고
- 수량 선택기는 항상 표시됩니다. 자바스크립트가 꺼진 브라우저에서도 숫자를 직접 입력해 담을 수 있습니다
- 품절 알림 신청 폼은 선택한 옵션이 품절일 때만 나타납니다
- 재고 임박 문구(“N개 남음”)는 섹션 설정에서 기준 수량을 정합니다.
0으로 두면 표시하지 않습니다
이미지
- 상품 이미지의 초점(focal point) 을 Shopify에서 지정하면 테마가 그 지점을 기준으로 잘라냅니다. 인물 사진에서 얼굴이 잘리는 문제를 막아줍니다
- 이미지를 클릭하면 확대 뷰어가 열립니다
- 옵션(색상·호수)마다 다른 이미지를 지정하면, 옵션을 바꿀 때 갤러리가 따라 바뀝니다