Wix Stores: 카테고리 페이지 사용자 지정하기
8 분 분량
중요!
카테고리 페이지는 아직 모든 사용자에게 공개되지 않았습니다.
카테고리 페이지는 쇼핑몰의 메인 페이지입니다. 페이지의 모든 부분을 디자인하고, 원하는 레이아웃을 선택하고, 어떤 정보를 표시할지 등의 다양한 작업이 가능합니다.
카테고리 페이지 설정에 액세스하기
다음 지침을 참고하세요.
도움말:
- 카테고리 페이지는 한 번만 사용자 지정하면 됩니다. 사용자 지정 사항은 각 카테고리에 자동으로 적용됩니다.
- 오른쪽 상단의 카테고리 미리보기 선택기를 사용해 카테고리를 선택하고 미리보기를 확인할 수 있습니다.
카테고리 페이지 설정 조정하기
설정 탭에서 카테고리 페이지에 표시할 요소를 선택하고 고객이 제품 이미지에 마우스오버 시 무엇을 표시할지 선택합니다. 또한, 고객이 페이지 끝에 도달하면 어떻게 더 많은 제품을 표시할지 선택할 수 있습니다. (예: "더보기" 버튼 클릭)
카테고리 페이지 설정을 선택하려면:
- 설정 탭을 클릭합니다.
- 다음 설정을 사용자 지정합니다.
- 표시하고자 하는 요소 옆 체크 상자를 선택합니다.
- 방문자가 제품 이미지에 마우스오버하면 어떻게 표시될지 선택합니다.
- 고객이 페이지 끝에 도달하면 어떻게 추가 제품을 표시할지 선택합니다.
- 더보기 버튼: "더보기" 버튼을 표시합니다.
- 페이지 번호: 페이지 번호를 표시합니다.
- 무제한 스크롤: 페이지를 옮길 필요 없이 고객이 계속 스크롤할 수 있습니다.
- 카트에 추가 버튼을 추가하고 사용자 지정합니다.
- 제품 옵션을 표시하거나 비공개합니다.
도움말:
- "더보기" 버튼 또는 페이지 번호 옵션을 선택한 경우 디자인 탭에서 디자인을 사용자 지정하세요.
- 각 페이지에는 제품 갤러리의 SEO를 향상시키기 위한 별도의 URL이 존재합니다. 아래 예를 참고하세요.
- 첫 번째 페이지 URL: https://www.mystunningwebsite.com/shop
- 두 번째 페이지 URL: https://www.mystunningwebsite.com/shop?page=2
제품 페이지 레이아웃 선택하기
(표시되는 경우) 머리글과 제품 갤러리의 디자인을 원하는 대로 선택합니다.
레이아웃 옵션을 선택하려면:
- 레이아웃 탭을 클릭합니다.
- 다음의 옵션을 사용해 머리글을 사용자 지정합니다.
- 머리글 위치: 인라인 또는 상단을 선택합니다.
도움말: 상단을 선택한 경우, 카테고리 목록을 비공개하는 것이 좋습니다. 그렇지 않으면 카테고리는 선택한 카테고리의 하위 카테고리 모양을 제공합니다.
카테고리 정보 위치: 카테고리 설명을 이미지 위 또는 아래에 표시합니다. - 카테고리 정보 정렬: 머리글 텍스트를 왼쪽, 오른쪽, 또는 가운데로 정렬합니다.
- 카테고리 이미지 높이: 슬라이더를 끌어 카테고리 이미지 높이를 설정합니다.
- 제목 및 설명 간격: 슬라이더를 끌어 원하는 간격으로 설정합니다.
- 머리글 위치: 인라인 또는 상단을 선택합니다.
- 다음 옵션을 사용해 갤러리를 사용자 지정합니다.
- 제품 표시 스타일: 제품이 갤러리에서 어떻게 표시될지 선택합니다.
- 제품 정보 정렬: 제품 정보를 왼쪽, 오른쪽, 또는 가운데로 정렬합니다.
- 그리드 동작:
참고: 사용자 지정이 가능한 사항은 고정과 반응형 중에서 무엇을 선택했는지에 따라 다릅니다.- 고정: 모든 방문자가 갤러리에서 동일한 수의 행과 열을 보게 됩니다.
- 반응형: 방문자의 화면 크기에 따라 표시되는 제품 수가 조정됩니다.
참고: 반응형 설정은 갤러리에 와이드 스크린 사용하기 옵션을 설정했을 때에만 사용할 수 있습니다.
- 다음 옵션을 사용해 제품 이미지를 사용자 지정합니다.
- 이미지 배치: 이미지를 제품 텍스트 상단 또는 옆에 배치합니다.
- 이미지 크기 조정: 크기 조정 옵션을 선택합니다.
- 자르기: 모든 이미지를 동일한 크기로 자릅니다.
- 맞춤: 이미지의 가로 세로 비율을 유지합니다.
- 이미지 비율: 높이 대 폭 비율을 선택합니다.
- 이미지 측면 여백: 이미지의 왼쪽 및 오른쪽 여백을 조정합니다.
- 이미지 상단 및 하단 여백: 이미지의 위 아래 여백을 조정합니다.
- 이미지 모서리 반경: 이미지의 모서리를 둥글게 또는 각지게 만듭니다.
- 리본 레이아웃을 클릭해 배치를 사용자 지정합니다.
- 제품 정보: 제품 이미지 아래, 설명 옆에 리본이 표시됩니다.
- 이미지 안: 리본이 제품 이미지 내에 표시됩니다. 측면 여백과 상단 여백 아래의 슬라이더를 끌어 리본 주위에 여백을 추가합니다.
도움말:
카테고리 페이지를 전체 폭으로 늘이려면 늘이기 아이콘을 클릭한 후 버튼을 클릭해 활성화합니다.
카테고리 페이지의 텍스트 편집하기
텍스트 탭에서 사용 가능한 텍스트를 편집해 사이트와 어울리게 만들 수 있습니다. 페이지에 표시되는 버튼의 텍스트와 (예: 카트에 추가, 사전 주문) 제품이 품절일 때 표시되는 메시지를 사용자 지정할 수 있습니다.
도움말:
요소를 비공개하면 요소 내 텍스트 편집 옵션이 표시되지 않습니다.
텍스트를 편집하려면:
- 텍스트 탭을 클릭합니다.
- 제공된 텍스트 옵션을 편집합니다.
카테고리 페이지 디자인하기
카테고리 페이지를 사용자 지정해 브랜드의 전반적인 디자인과 어울리게 만드세요.
카테고리 페이지를 디자인하려면:
- 디자인 탭을 클릭합니다.
- 아래의 단계를 따라 카테고리 페이지의 모든 요소를 디자인합니다.
기본
머리글 섹션
사이드바 및 정렬
더보기/불러오기 버튼 또는 페이지 번호
제품 카드
카트에 추가 버튼
리본
제품 옵션 및 수량
이름 및 가격 구분선
제품 보기 버튼
사이드바 사용자 지정하기
카테고리 사이드바는 카테고리 목록과 필터의 2가지 요소가 존재합니다. 두 요소를 하나만, 혹은 둘 다 표시하거나 사이드바 전체를 비공개할 수 있습니다.
중요!
카테고리 목록은 모바일에는 표시되지 않습니다. 사이트 메뉴에 카테고리를 추가하는 것은 고객이 해당 카테고리에 쉽게 액세스할 수 있도록 하는 가장 좋은 방법입니다.
활성화된 카테고리 추가 시에는 카테고리 목록에 자동으로 표시되지만, 표시를 원치 않는 카테고리를 비공개할 수 있습니다. 또한, 표시하기로 결정한 카테고리의 순서를 변경할 수 있습니다.
사이드바를 사용자 지정하려면:
- 사이드바 탭을 클릭합니다.
- 사용자 지정할 요소를 선택합니다.
카테고리 목록
필터
정렬 옵션 사용자 지정하기
카테고리 페이지에는 정렬 옵션이 있어 고객이 관련 제품을 더욱 쉽게 확인할 수 있습니다. 옵션을 비활성화하거나 정렬을 완전히 비공개할 수 있습니다.
제품 정렬을 사용자 지정하려면:
- 정렬 탭을 클릭합니다.
- 다음 설정을 사용자 지정합니다.
- 정렬 옵션 표시 버튼을 클릭해 활성화하거나 비활성화합니다. 이는 고객이 제품 정렬 옵션을 사용할 수 없음을 뜻합니다.
- 정렬 라벨을 편집합니다. (예: "정렬")
- 어떤 정렬 옵션이 기본적으로 표시될지 선택합니다.
- 비공개할 정렬 옵션 옆 체크 상자를 선택 해제합니다.
제품 보기 사용자 지정하기
제품 보기를 통해 고객이 카테고리 페이지에서 벗어나지 않고 팝업으로 제품의 상세 정보를 확인할 수 있습니다.
도움말:
"제품 보기" 버튼을 사용자 지정하려면 디자인 탭으로 이동합니다.
제품 보기를 사용자 지정하려면:
- 제품보기 탭을 클릭합니다.
- 제품 보기 표시 버튼을 클릭해 활성화합니다.
- 다음으로 사용자 지정하고자 하는 요소를 선택합니다.
- 배경 색상: 제품 보기 창의 배경 색상을 선택합니다.
- 테두리 색상 및 투명도: 테두리 색상을 선택한 후 투명도를 조정합니다.
- 텍스트 글꼴 및 색상: 제품 보기 창에 표시되는 각 텍스트의 글꼴 및 색상을 선택합니다.
- 카트에 추가 버튼: 버튼의 텍스트, 스타일, 글꼴 등을 편집합니다.
도움이 되었나요?
|