통합 커머스 위젯
통합 커머스 위젯은 쇼핑몰(커머스 모듈)의 상품을 메인 페이지나 어느 페이지에든 꺼내 전시하는 위젯입니다. 신상품 · 인기 · 할인 · 추천 · 분류 · 기획전 · 직접 지정 중에서 기준만 정해 두면 상품이 바뀔 때 화면도 알아서 바뀝니다. 위젯 페이지, 레이아웃, 게시판 상단 등 위젯을 넣을 수 있는 곳이면 어디든 쓸 수 있습니다.
커머스 모듈이 설치되어 있고 쇼핑몰 페이지가 하나 이상 있어야 상품이 나옵니다.
넣는 법
- 스토어에서 통합 커머스 위젯을 설치합니다.
- 위젯 페이지(또는 레이아웃 편집)에서 위젯 추가 > 통합 커머스 위젯을 고릅니다.
- 줄 구성과 슬롯을 정하고 저장합니다.
- 직접 구성 비율: 슬롯 폭을
:로 나눠 적습니다. 예:50:50,60:40,34:33:33,25:25:25:25 - 각 슬롯의 형태에서 격자 · 가로 넘김 · 목록 · 큰 카드 · 탭을 고릅니다.
- 상품 카드를 누르면 해당 쇼핑몰의 상품 상세로 이동합니다.
- 슬롯의 쇼핑몰 주소를 다르게 주면 한 줄에 여러 쇼핑몰의 상품을 함께 전시할 수 있습니다.
- 다크테마를 쓰는 레이아웃에서는 위젯도 함께 어두운 색으로 표시됩니다.
위젯 하나가 화면의 한 줄입니다. 여러 줄을 만들려면 위젯을 여러 개 놓으면 됩니다.
줄 구성 (프리셋)
한 줄을 어떻게 나눌지 고릅니다. 나뉜 칸 하나가 슬롯이며, 슬롯 순서는 왼쪽부터 1 · 2 · 3 · 4 입니다.
| 줄 구성 | 슬롯 | 기본 모양 |
|---|---|---|
| 격자 - 가로 4칸 | 1개 | 상품 4개를 한 줄에 나란히 |
| 격자 - 가로 3칸 | 1개 | 상품 3개를 한 줄에 나란히 |
| 가로 넘김 | 1개 | 상품 12개를 좌우로 넘겨 보기 |
| 큰 카드 + 격자 | 2개 | 왼쪽에 대표 상품 큰 카드 1개, 오른쪽에 2×2 격자 |
| 격자 + 목록 | 2개 | 왼쪽 2×2 격자, 오른쪽 세로 목록 5개 |
| 목록 + 목록 | 2개 | 세로 목록 5개씩 두 덩어리 |
| 탭 + 격자 | 2개 | 왼쪽 분류 탭, 오른쪽 2×2 격자 |
| 격자 3덩어리 | 3개 | 세로 격자 세 덩어리 |
| 직접 구성 | 최대 4개 | 아래 "직접 구성" 참고 |
슬롯 개수를 기본값보다 크게 적으면 그만큼 아랫줄이 생깁니다. 화면이 좁아지면 배치는 자동으로 세로로 바뀝니다.
슬롯 설정
슬롯마다 무엇을 어떻게 보여 줄지 정합니다. 줄 구성이 쓰는 슬롯 수만큼만 채우면 됩니다.
| 항목 | 설명 |
|---|---|
| 쇼핑몰 주소 | 상품을 가져올 쇼핑몰의 mid. 비우면 처음 만든 쇼핑몰을 씁니다. 슬롯마다 다른 쇼핑몰을 지정할 수도 있습니다 |
| 제목 | 슬롯 위에 붙는 제목 (예: 이번 주 신상품). 비우면 제목 없이 상품만 나옵니다 |
| 무엇을 뽑을지 | 신상품 · 인기 상품 · 할인 상품 · 추천 상품 · 분류 · 기획전 · 직접 지정 |
| 대상 번호 | 분류·기획전이면 그 번호, 직접 지정이면 상품 번호를 쉼표로 나눠 적습니다 |
| 개수 | 전시할 상품 수. 비우면 줄 구성의 기본값 |
| 형태 | 직접 구성일 때만 씁니다. 격자 · 가로 넘김 · 목록 · 큰 카드 · 탭 중 선택 |
뽑는 기준은 커머스 상품 정보를 그대로 씁니다. 인기는 판매량, 할인은 할인가가 걸린 상품, 추천은 상품 편집의 추천 표시입니다.
직접 구성
줄 구성을 "직접 구성"으로 두면 비율과 형태를 자유롭게 짭니다.
예를 들어 60:40 + 슬롯 1 "가로 넘김(할인 상품)" + 슬롯 2 "목록(인기 상품)" 처럼 조합합니다.
공통 표시 옵션
| 항목 | 설명 |
|---|---|
| 새 상품 표시 시간 | 등록 후 이 시간(시간 단위) 안이면 NEW 뱃지를 붙입니다. 비우면 72시간 |
| 가격 표시 | 카드에 가격을 보일지 |
| 뱃지 표시 | NEW · 할인율 등 뱃지를 보일지 |
| 품절 상품 | 품절 표시를 하고 보여 주거나, 목록에서 아예 뺍니다 |