Wix Stores: 카테고리 페이지 사용자 지정하기
8 분 분량
중요!
카테고리 페이지는 아직 모든 사용자에게 공개되지 않았습니다.
카테고리 페이지는 쇼핑몰의 메인 페이지입니다. 페이지의 모든 부분을 디자인하고, 원하는 레이아웃을 선택하고, 어떤 정보를 표시할지 등의 다양한 작업이 가능합니다.
카테고리 페이지 설정에 액세스하기
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2023/01/24/eaf2f5e2-a791-4475-a915-0c96cb57cdce/a44974b8-7be6-4997-8a8b-34d5dd0394c0.png)
다음 지침을 참고하세요.
도움말:
- 카테고리 페이지는 한 번만 사용자 지정하면 됩니다. 사용자 지정 사항은 각 카테고리에 자동으로 적용됩니다.
- 오른쪽 상단의 카테고리 미리보기 선택기를 사용해 카테고리를 선택하고 미리보기를 확인할 수 있습니다.
카테고리 페이지 설정 조정하기
설정 탭에서 카테고리 페이지에 표시할 요소를 선택하고 고객이 제품 이미지에 마우스오버 시 무엇을 표시할지 선택합니다. 또한, 고객이 페이지 끝에 도달하면 어떻게 더 많은 제품을 표시할지 선택할 수 있습니다. (예: "더보기" 버튼 클릭)
카테고리 페이지 설정을 선택하려면:
- 설정 탭을 클릭합니다.
- 다음 설정을 사용자 지정합니다.
- 표시하고자 하는 요소 옆 체크 상자를 선택합니다.
- 방문자가 제품 이미지에 마우스오버하면 어떻게 표시될지 선택합니다.
- 고객이 페이지 끝에 도달하면 어떻게 추가 제품을 표시할지 선택합니다.
- 더보기 버튼: "더보기" 버튼을 표시합니다.
- 페이지 번호: 페이지 번호를 표시합니다.
- 무제한 스크롤: 페이지를 옮길 필요 없이 고객이 계속 스크롤할 수 있습니다.
- 카트에 추가 버튼을 추가하고 사용자 지정합니다.
- 제품 옵션을 표시하거나 비공개합니다.
도움말:
- "더보기" 버튼 또는 페이지 번호 옵션을 선택한 경우 디자인 탭에서 디자인을 사용자 지정하세요.
- 각 페이지에는 제품 갤러리의 SEO를 향상시키기 위한 별도의 URL이 존재합니다. 아래 예를 참고하세요.
- 첫 번째 페이지 URL: https://www.mystunningwebsite.com/shop
- 두 번째 페이지 URL: https://www.mystunningwebsite.com/shop?page=2
제품 페이지 레이아웃 선택하기
(표시되는 경우) 머리글과 제품 갤러리의 디자인을 원하는 대로 선택합니다.
레이아웃 옵션을 선택하려면:
- 레이아웃 탭을 클릭합니다.
- 다음의 옵션을 사용해 머리글을 사용자 지정합니다.
- 머리글 위치: 인라인 또는 상단을 선택합니다.
도움말: 상단을 선택한 경우, 카테고리 목록을 비공개하는 것이 좋습니다. 그렇지 않으면 카테고리는 선택한 카테고리의 하위 카테고리 모양을 제공합니다.
카테고리 정보 위치: 카테고리 설명을 이미지 위 또는 아래에 표시합니다. - 카테고리 정보 정렬: 머리글 텍스트를 왼쪽, 오른쪽, 또는 가운데로 정렬합니다.
- 카테고리 이미지 높이: 슬라이더를 끌어 카테고리 이미지 높이를 설정합니다.
- 제목 및 설명 간격: 슬라이더를 끌어 원하는 간격으로 설정합니다.
- 머리글 위치: 인라인 또는 상단을 선택합니다.
- 다음 옵션을 사용해 갤러리를 사용자 지정합니다.
- 제품 표시 스타일: 제품이 갤러리에서 어떻게 표시될지 선택합니다.
- 제품 정보 정렬: 제품 정보를 왼쪽, 오른쪽, 또는 가운데로 정렬합니다.
- 그리드 동작:
참고: 사용자 지정이 가능한 사항은 고정과 반응형 중에서 무엇을 선택했는지에 따라 다릅니다.- 고정: 모든 방문자가 갤러리에서 동일한 수의 행과 열을 보게 됩니다.
- 반응형: 방문자의 화면 크기에 따라 표시되는 제품 수가 조정됩니다.
참고: 반응형 설정은 갤러리에 와이드 스크린 사용하기 옵션을 설정했을 때에만 사용할 수 있습니다.
- 다음 옵션을 사용해 제품 이미지를 사용자 지정합니다.
- 이미지 배치: 이미지를 제품 텍스트 상단 또는 옆에 배치합니다.
- 이미지 크기 조정: 크기 조정 옵션을 선택합니다.
- 자르기: 모든 이미지를 동일한 크기로 자릅니다.
- 맞춤: 이미지의 가로 세로 비율을 유지합니다.
- 이미지 비율: 높이 대 폭 비율을 선택합니다.
- 이미지 측면 여백: 이미지의 왼쪽 및 오른쪽 여백을 조정합니다.
- 이미지 상단 및 하단 여백: 이미지의 위 아래 여백을 조정합니다.
- 이미지 모서리 반경: 이미지의 모서리를 둥글게 또는 각지게 만듭니다.
- 리본 레이아웃을 클릭해 배치를 사용자 지정합니다.
- 제품 정보: 제품 이미지 아래, 설명 옆에 리본이 표시됩니다.
- 이미지 안: 리본이 제품 이미지 내에 표시됩니다. 측면 여백과 상단 여백 아래의 슬라이더를 끌어 리본 주위에 여백을 추가합니다.
도움말:
카테고리 페이지를 전체 폭으로 늘이려면 늘이기
아이콘을 클릭한 후 버튼을 클릭해 활성화합니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2023/01/23/0f5b28fb-358c-4f74-9cd1-3e1631ae87d7/78d3f690-2965-4da3-9a9e-36f8ad099dda.png)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2023/01/23/3778ec8b-216d-4942-9838-25e445993e67/60f82b11-dd1c-4457-800c-74e02c1c9023.png)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2023/01/23/0f5b28fb-358c-4f74-9cd1-3e1631ae87d7/78d3f690-2965-4da3-9a9e-36f8ad099dda.png)
카테고리 페이지의 텍스트 편집하기
텍스트 탭에서 사용 가능한 텍스트를 편집해 사이트와 어울리게 만들 수 있습니다. 페이지에 표시되는 버튼의 텍스트와 (예: 카트에 추가, 사전 주문) 제품이 품절일 때 표시되는 메시지를 사용자 지정할 수 있습니다.
도움말:
요소를 비공개하면 요소 내 텍스트 편집 옵션이 표시되지 않습니다.
텍스트를 편집하려면:
- 텍스트 탭을 클릭합니다.
- 제공된 텍스트 옵션을 편집합니다.
카테고리 페이지 디자인하기
카테고리 페이지를 사용자 지정해 브랜드의 전반적인 디자인과 어울리게 만드세요.
카테고리 페이지를 디자인하려면:
- 디자인 탭을 클릭합니다.
- 아래의 단계를 따라 카테고리 페이지의 모든 요소를 디자인합니다.
기본
머리글 섹션
사이드바 및 정렬
더보기/불러오기 버튼 또는 페이지 번호
제품 카드
카트에 추가 버튼
리본
제품 옵션 및 수량
이름 및 가격 구분선
제품 보기 버튼
사이드바 사용자 지정하기
카테고리 사이드바는 카테고리 목록과 필터의 2가지 요소가 존재합니다. 두 요소를 하나만, 혹은 둘 다 표시하거나 사이드바 전체를 비공개할 수 있습니다.
중요!
카테고리 목록은 모바일에는 표시되지 않습니다. 사이트 메뉴에 카테고리를 추가하는 것은 고객이 해당 카테고리에 쉽게 액세스할 수 있도록 하는 가장 좋은 방법입니다.
활성화된 카테고리 추가 시에는 카테고리 목록에 자동으로 표시되지만, 표시를 원치 않는 카테고리를 비공개할 수 있습니다. 또한, 표시하기로 결정한 카테고리의 순서를 변경할 수 있습니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2023/01/19/27b34961-bc78-406b-8ac1-7774389e6b28/233b2019-c611-43d5-8cad-cbe4feb9a343.png)
사이드바를 사용자 지정하려면:
- 사이드바 탭을 클릭합니다.
- 사용자 지정할 요소를 선택합니다.
카테고리 목록
필터
정렬 옵션 사용자 지정하기
카테고리 페이지에는 정렬 옵션이 있어 고객이 관련 제품을 더욱 쉽게 확인할 수 있습니다. 옵션을 비활성화하거나 정렬을 완전히 비공개할 수 있습니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2023/01/22/3dbf0a53-3b96-4357-8f39-f72a707d3e4c/6e392a69-0e13-43ac-bf26-66782284ecc2.png)
제품 정렬을 사용자 지정하려면:
- 정렬 탭을 클릭합니다.
- 다음 설정을 사용자 지정합니다.
- 정렬 옵션 표시 버튼을 클릭해 활성화하거나 비활성화합니다. 이는 고객이 제품 정렬 옵션을 사용할 수 없음을 뜻합니다.
- 정렬 라벨을 편집합니다. (예: "정렬")
- 어떤 정렬 옵션이 기본적으로 표시될지 선택합니다.
- 비공개할 정렬 옵션 옆 체크 상자를 선택 해제합니다.
제품 보기 사용자 지정하기
제품 보기를 통해 고객이 카테고리 페이지에서 벗어나지 않고 팝업으로 제품의 상세 정보를 확인할 수 있습니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2023/01/24/612f5416-54e6-4b8a-b0e1-02a46ba0cbb8/00798a89-4741-48d2-a6a3-0eff74d76221.gif)
도움말:
"제품 보기" 버튼을 사용자 지정하려면 디자인 탭으로 이동합니다.
제품 보기를 사용자 지정하려면:
- 제품보기 탭을 클릭합니다.
- 제품 보기 표시 버튼을 클릭해 활성화합니다.
- 다음으로 사용자 지정하고자 하는 요소를 선택합니다.
- 배경 색상: 제품 보기 창의 배경 색상을 선택합니다.
- 테두리 색상 및 투명도: 테두리 색상을 선택한 후 투명도를 조정합니다.
- 텍스트 글꼴 및 색상: 제품 보기 창에 표시되는 각 텍스트의 글꼴 및 색상을 선택합니다.
- 카트에 추가 버튼: 버튼의 텍스트, 스타일, 글꼴 등을 편집합니다.
도움이 되었나요?
|