header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

Wix 쇼핑몰: 제품 갤러리에 필터 및 정렬 기능 추가하기

4 분
페이지 메뉴
  • 기본 필터 표시하기
  • 사용자 지정 필터 생성하기
  • 정렬 옵션 표시하기
제품 갤러리에 필터와 정렬 옵션을 추가해 고객이 원하는 제품을 쉽게 찾을 수 있도록 설정하세요.
미리 설정된 기본 필터를 표시하거나 직접 만든 사용자 지정 필터를 추가할 수 있습니다.또한 "정렬" 드롭다운을 추가해 고객이 원하는 대로 제품을 정렬할 수 있게 설정할 수 있습니다.
정렬 및 필터 옵션이 설명된 샘플 사이트의 스크린샷
참고:
슬라이더 갤러리에서는 필터 및 정렬 옵션을 사용할 수 없습니다.

기본 필터 표시하기

Wix 쇼핑몰에는 3개의 사전 설정 필터가 포함되어 있습니다. 이를 통해 다음과 같은 필터 옵션을 고객이 사용할 수 있습니다.
  • 카테고리
  • 가격
  • 제품 옵션
Wix 쇼핑몰 필터 스크린샷

기본 필터를 설정하려면:

  1. 필터를 추가할 제품 갤러리를 클릭합니다.
  2. 설정 아이콘을 클릭합니다.
  3. 필터 탭을 클릭합니다.
  4. 필터 표시 버튼을 활성화합니다.
  5. 필터 제목 표시 체크 상자를 선택해 제목을 표시하거나 숨깁니다.
  6. 적용된 필터 섹션 표시 체크 상자를 선택해 고객이 선택한 필터를 표시합니다.
  7. (선택사항) 필터 제목을 편집합니다.
  8. 설정할 필터의 유형을 선택합니다.
참고:
필터가 적용된 제품은 카테고리에 표시되는 순서대로 라이브 사이트에 표시되지 않습니다.

사용자 지정 필터 생성하기

사용자 지정 필터 옵션을 사용해 자신만의 필터를 추가할 수 있습니다. 예를 들어, 3개의 사이트 페이지에 표시되는 "남성복", "여성복", "아동복" 카테고리가 있다고 가정합니다. 여기에 브랜드별 필터 옵션을 추가하고자 합니다. 이를 위해 먼저 쇼핑몰에서 판매하는 브랜드별로 카테고리를 생성합니다.
사용자 지정 필터가 윤곽선으로 표시된 제품 갤러리 필터의 스크린샷

사용자 지정 필터 추가하기

  1. 사용자 지정 필터에 필요한 카테고리(예: 브랜드)를 추가합니다.
  2. 필터를 추가할 제품 갤러리를 클릭합니다.
  3. 설정 아이콘을 클릭합니다.
  4. 필터 탭을 클릭합니다.
  5. 필터 표시 버튼을 활성화합니다.
  6. (선택사항) 필터 제목을 편집합니다.
  7. +필터 추가를 클릭합니다.
  8. 사용자 지정 필터 이(예: 브랜드)을 입력합니다.
  9. 사용자 지정 필터에 포함하지 않고자 하는 카테고리 옆 체크 상자를 선택 해제합니다.

정렬 옵션 표시하기

가격, 이름, 신상 순으로 고객이 제품을 정렬할 수 있도록 설정하세요.
정렬 옵션 드롭다운이 확장된 샘플 사이트의 스크린샷

정렬 옵션을 추가하려면:

  1. 정렬 옵션을 추가하고자 하는 제품 갤러리를 클릭합니다.
  2. 설정 아이콘을 클릭합니다.
  3. 정렬 탭을 클릭합니다.
  4. "정렬" 옵션 표시 버튼을 활성화합니다.
  5. (선택사항) 정렬 제목을 편집합니다.
  6. 비공개하고자 하는 정렬 표시를 선택 해제합니다.
정렬 및 필터 옵션이 설명된 샘플 사이트의 스크린샷
Wix 쇼핑몰 필터 스크린샷
사용자 지정 필터가 윤곽선으로 표시된 제품 갤러리 필터의 스크린샷
정렬 옵션 드롭다운이 확장된 샘플 사이트의 스크린샷