필터 추가하기

고객이 컬렉션 페이지와 검색 결과에 표시할 제품을 상세히 검색할 수 있도록 온라인 스토어에서 필터를 생성할 수 있습니다. 예를 들어 시계를 판매하는 스토어는 브랜드 이름, 가격, 다이얼 사이즈, 방수 기능 등의 필터를 생성할 수 있습니다.

요구 사항

모든 Online Store 2.0 테마뿐 아니라 온라인 스토어에 필터 Liquid API 또는 상점 API를 사용하는 사용자 지정 상점에서도 필터를 사용할 수 있습니다. Online Store 2.0에서 필터를 표시하는 방법을 알아보세요.

테마에서 필터가 지원되지 않는 경우 Shopify Search & Discovery 앱에서 필터를 생성할 수 있지만, 그러면 고객에게는 표시되지 않습니다.

Shopify Admin에서 온라인 스토어 > 탐색으로 이동하면 스토어의 테마에 필터링이 지원되는지 확인할 수 있습니다. 테마에 필터링이 지원되지 않으면 컬렉션 및 검색 필터 섹션에 메시지가 표시됩니다.

필터 유형

스토어에 필터를 최대 25개까지 선택할 수 있습니다. 모든 스토어는 동일한 표준 필터를 표시할 수 있으며 판매자는 제품 카탈로그에 고유한 사용자 지정 필터를 생성할 수 있습니다.

표준 필터

제품 사용 가능성, 가격, 공급업체, 제품 유형, 태그에 대한 필터는 모든 스토어에서 사용할 수 있습니다.

사용자 지정 필터

제품 옵션, 메타 필드 또는 메타 객체를 사용하여 사용자 지정 필터를 생성할 수 있습니다.

제품 옵션 필터는 제품 이형을 기준으로 합니다. 예를 들어 사이즈에 따라 다양한 이형 상품이 있는 의류를 판매하는 경우 제품 옵션 "사이즈" 필터를 추가할 수 있습니다.

메타 필드 필터는 제품 카탈로그에 맞는 고유한 필터를 생성하는 데 유용합니다. 예를 들어 어린이용 장난감을 판매하는 경우 "연령" 제품 메타 필드 사용자 지정 필터를 생성할 수 있습니다. 메타 필드를 사용하여 사용자 지정 필터 추가에 대해 자세히 알아보십시오. 메타 객체는 고객이 필터를 빠르게 파악할 수 있도록 시각적 필터를 표시할 수 있습니다.

메타 필드 또는 메타 객체를 사용하여 사용자 지정 필터 추가

메타 필드 또는 메타 객체를 사용하여 다음 값 유형에 대한 사용자 지정 필터를 생성할 수 있습니다.

  • 한 줄 텍스트
  • 한 줄 텍스트(목록)
  • 10 진수
  • 정수
  • 참 또는 거짓
  • 메타 객체 참조
  • 메타 객체 참조(목록)

메타 필드를 필터로 사용하려면 메타 필드 정의가 있어야 합니다. 메타 필드 정의 추가 방법을 알아보십시오.

메타 필드를 설정한 후에는 필터를 편집할 때 해당 메타 필드를 옵션으로 선택할 수 있습니다.

필터 편집

온라인 스토어에서 사용되는 필터를 앱에서 편집할 수 있습니다.

단계:

  1. Shopify Search & Discovery 앱에서 필터로 이동한 다음 필터 추가를 클릭합니다.
  2. 고객이 사용할 수 있도록 설정할 필터 원본을 선택합니다.
  3. 선택 사항: 고객에게 표시되는 레이블 필터 이름을 다시 지정합니다. 필터 이름 바꾸기에 대해 자세히 알아보십시오.
  4. 선택 사항: 필터 값 사이에 적용할 동작을 변경합니다. 필터 동작에 대해 자세히 알아보십시오.
  5. 선택 사항: 여러 개의 필터 값을 선택하여 고객에게 하나의 값으로 표시하도록 그룹화합니다. 필터 값 그룹화에 대해 자세히 알아보십시오.
  6. 저장을 클릭합니다.

필터 화면에서 필터 순서를 변경할 수도 있습니다. 개별 필터를 클릭하고 끌어서 고객에게 표시하려는 순서로 나열합니다.

필터 이름 바꾸기

스토어에 있는 기존 필터의 고객용 레이블을 변경할 수 있습니다. 필터 화면에서 필터를 클릭하고 필터 레이블 필드를 변경합니다.

필터 레이블을 변경해도 필터 원본의 정보는 변경되지 않습니다. 예를 들어 제품 옵션에 따라 필터 레이블의 이름을 변경해도 개별 제품 페이지에 표시되는 옵션 이름은 변경되지 않습니다.

필터 값

컬렉션이나 검색 결과의 제품에 적용되는 필터 값만 상점 고객에게 표시됩니다. 각 필터에는 필터 값이 최대 100개까지 표시됩니다. 표시될 수 있는 총 필터 수를 줄이기 위해 하나의 필터로 유사한 필터 값을 그룹화합니다.

필터 값에는 다양한 정렬 규칙이 적용되어 있으며 메타 필드 필터를 사용하여 정렬 및 표시되는 값을 보다 세부적으로 제어할 수 있습니다.

필터 값 그룹화

여러 개의 필터 값을 그룹으로 묶어 고객에게 1개의 필터 값으로 표시할 수 있습니다. 예를 들어, "색상" 제품 옵션의 값인 "오닉스", "에보니", "미드나이트"의 세 가지 색상을 고객에게는 "블랙" 한 가지 색상으로만 표시할 수 있습니다.

단계:

  1. Shopify Search & Discovery 앱에서 필터로 이동한 다음 필터 추가를 클릭하거나 표에서 기존 필터 설정을 클릭합니다.
  2. 고객이 사용할 수 있도록 설정할 필터 원본을 선택합니다.
  3. 표에서 단일 필터 값으로 그룹화할 값을 선택합니다. 검색창을 사용하거나 자세히 표시를 클릭하여 필터 값을 검색할 수 있습니다.
  4. 그룹 생성을 클릭합니다.
  5. 그룹 이름을 입력합니다. 이 이름의 필터가 고객에게 단일 필터 값으로 표시됩니다.
  6. 완료를 클릭합니다.
  7. 저장을 클릭하면 필터 설정이 변경됩니다.

표에 표시되는 필터 값의 최대 개수가 지정되어 있으므로 원하는 값을 찾지 못할 수도 있습니다. 편집 아이콘을 클릭한 다음 다른 값 추가를 클릭하여 원하는 값을 입력하면 필터 값을 더 추가할 수 있습니다.

필터 값 정렬

필터 값은 알파벳과 숫자 모두 기본적으로 오름차순으로 표시됩니다. 예를 들어 "신발 사이즈"의 제품 옵션 필터는 값이 작은 순으로 표시됩니다.

숫자로 시작하고 단어로 끝나는 필터 값(예: "60와트")은 동일한 단어로 끝나는 필터 값 옆에 표시됩니다. 예를 들어 필터 값이 "2년", "6개월", "3년" 및 "2개월"인 "연령"의 제품 옵션 필터는 다음과 같이 정렬됩니다:

  • 2개월
  • 6개월
  • 2년
  • 3년

사용자 지정 정렬 주문이 "사이즈"라는 이름의 필터에 적용되어 일반적인 크기 조정 용어가 올바른 순서로 표시됩니다. 예를 들어 "XS"(특소)은 "S"(소) 앞에 옵니다.

정렬 순서 사용자 지정

필터 값에 대한 사용자 지정 정렬 순서를 설정하려면 사전 설정 선택이 있는 한 줄 텍스트 메타 필드를 생성합니다. 관리자에서의 선택 순서는 상점에서의 필터 값 정렬 순서가 됩니다.

아래 예에서 "숙련도" 메타 필드의 값은 "초보자", "중급자" 및 "전문가"로 수동 정렬할 수 있습니다.

초보자, 중급자 및 전문가로 정렬된 숙련도 수준을 표시하는 메타 필드 편집기

빈 필터 값 사용자 지정

고객이 사용 가능한 제품을 쉽게 찾을 수 있도록 목록 하단으로 이동하거나 빈 필터 값을 완전히 숨겨서 처리할 수 있습니다. 이렇게 하면 고객이 일치하는 결과 값에 집중할 수 있습니다. 예를 들어, 다양한 색상과 사이즈의 티셔츠를 판매하고 있는 경우 고객이 "라지" 사이즈를 선택하면 "빨간색" 티셔츠만 판매할 수 있습니다. 빈 값을 아래로 이동시키면 "색상" 필터에서 "빨간색"이 첫 번째가 됩니다. 빈 값을 숨기면 "빨간색" 옵션만 표시됩니다.

단계:

  1. Shopify Search & Discovery 앱에서 설정으로 이동합니다.
  2. 필터 섹션에서 다음 옵션 중 하나를 선택합니다.
  • 빈 필터 값을 숨기려면 숨기기를 선택합니다. 모든 필터 값이 비어 있는 경우 필터는 완전히 숨겨집니다.
  • 빈 필터 값을 값 목록 하단으로 이동시키려면 마지막에 표시를 선택합니다.
  • 기본 정렬 로직으로 빈 필터 값을 정렬하려면 기본 순서대로 표시를 선택합니다.
  1. 저장을 클릭합니다.

필터 값 제외

고객에게 표시되는 값을 보다 세부적으로 제어해야 하는 경우에는 상점에서 구매자에게 표시할 값만 포함된 메타 필드 필터를 사용하십시오.

예를 들어 스토어는 자동 컬렉션 조건이나 관리자 제품 목록 필터링과 같이 상점 필터와는 다른 용도로 제품 태그를 사용할 수 있습니다. 제품 태그 필터 형식 대신 한 줄 텍스트의 메타 필드 형식이나 목록 형식을 사용할 수 있습니다. 모든 제품의 정보를 빠르게 업데이트하려면 대량 편집기를 사용합니다.

시각적 필터

필터 값에는 색상 및 패턴과 같은 특성을 표시하는 작은 시각적 요소가 포함될 수 있습니다. 필터가 메타 객체인 경우 표시 옵션을 사용하여 표시할 색상과 이미지를 선택하거나 표시를 텍스트로 유지할 수 있습니다.

견본 요구 사항

필터 견본의 경우 요구 사항 목록을 작성해야 합니다.

  • 다음 기준을 충족하는 메타 객체입니다.

    • 텍스트 필드가 1개 이상 있습니다. 텍스트 필드는 한 줄 텍스트, 소수점, 정수, true 또는 false 유형 중 하나일 수 있습니다.
    • 색상 필드 또는 이미지가 있는 파일 필드가 1개 이상 있습니다. 값 목록인 필드는 지원되지 않습니다.
  • 메타 객체를 참조하는 제품 또는 이형 상품의 메타 필드입니다.

  • 상점 액세스에 대해 메타 객체 및 메타 객체를 참조하는 메타 필드를 활성화해야 합니다.

메타 객체 튜토리얼은 메타 객체를 설정하는 데 도움이 되는 자세한 정보를 제공합니다.

단계:

  1. Shopify Search & Discovery 앱에서 필터로 이동합니다.
  2. 필터 추가를 클릭하거나 기존 필터를 클릭합니다.
  3. 메타 객체 참조가 있는 필터를 선택합니다.
  4. 표시 옵션을 클릭합니다.
  5. 메타 필드를 선택하여 필터 값의 레이블 필드를 설정합니다.
    • 견본 표시가 선택된 경우 다음을 선택하여 시각적 표시를 구성할 수 있습니다.
      • 견본 색상의 색상 필드입니다.
      • 견본 패턴의 이미지 필드입니다.

- 견본 표시가 선택 취소된 경우 필터 값에 대한 레이블만 표시됩니다.

필터 동작

컬렉션 페이지나 검색 결과의 제품에 적용할 수 있는 필터만 표시됩니다.

서로 다른 필터에서 필터 값을 선택하는 것은 and 조건이며 표시되는 제품 수를 줄일 수 있습니다. 예를 들어 색상 필터에서 "빨간색"을, 사이즈 필터에서 "사이즈 8"을 선택하면 빨간색이면서 사이즈 8인 제품이 반환됩니다.

기본적으로 동일한 필터에서 필터 값을 선택하는 것은 or 조건이며 결과 수를 늘릴 수 있습니다. 예를 들어 색상 필터에서 "빨간색" 및 "녹색" 값을 선택하면 빨간색이거나 녹색인 모든 제품이 반환됩니다. 특정 필터 유형은 필터 값에 and 조건을 대신 사용할 수 있습니다. Search & Discovery 앱으로 필터 동작을 사용자 지정하는 방법을 알아봅니다.

화면에 표시되는 제품의 수는 필터가 제품 수준 필터인지 아니면 이형 상품 수준 필터인지 여부에 따라서도 다릅니다. 예를 들어 고객은 제품 옵션 필터에서 여러 색상 값을 선택하지만 제품은 하나만 표시됩니다. 이는 제품 옵션이 이형 상품 수준 필터이며 모든 색상이 해당 단일 제품의 이형 상품에 속해 있기 때문입니다.

필터 동작 사용자 지정

제품 태그, 메타 필드 목록, 메타 객체 참조 목록 필터의 경우, 기본 or 조건 또는 and 조건 중 하나의 필터 조건을 선택할 수 있습니다. 예를 들어, and 필터링이 있는 경우, 제품 태그 필터에서 "신규" 및 "할인"을 선택하면 해당 태그가 모두 있는 제품만 반환됩니다.

단계:

  1. Shopify Search & Discovery 앱에서 필터로 이동한 다음 필터 추가를 클릭합니다.
  2. 고객이 사용할 수 있도록 설정할 필터 원본을 선택합니다.
  3. 로직 섹션 내 필터 값에 적용할 동작을 선택합니다.
  4. 저장을 클릭합니다.

필터 번역

필터 레이블, 값, 그룹은 스토어에서 지원되는 다른 언어로 번역할 수 있습니다. Shopify의 Translate & Adapt 앱과 같은 번역 앱을 사용하여 콘텐츠를 번역할 수 있습니다.

번역된 필터 콘텐츠가 없는 경우 스토어의 기본 언어가 사용됩니다.

필터 값은 제품 및 제품 이형 상품의 번역된 콘텐츠를 기반으로 합니다.

필터의 값은 언어 간에 다소 다를 수 있습니다. 예를 들어 영어로 된 스토어에서 색상 필터에 "Brown" 값을 사용합니다. 번역 앱에서 2가지 다른 번역을 제공할 수 있기 때문에 전체 스토어에서 일부 제품은 "Brun"으로, 일부는 "Marron"으로 번역될 수 있습니다. 프랑스어로 스토어를 보는 고객은 필터에 "Brun"과 "Marron"이 모두 표시되지만 영어로 쇼핑하는 고객에게는 "Brown"만 표시됩니다. 필터 값의 번역에 한 가지 값만 유지하려면 번역 앱을 사용해 제품의 번역된 콘텐츠를 편집해야 합니다.

마켓 언어

필터 값 번역 기능은 특정 시장에 대한 언어 설정의 추가 인스턴스를 지원하지 않습니다. 예를 들어, 한 온라인 스토어에서 프랑스어 제품 번역을 사용하면서 캐나다 및 프랑스 시장에서도 프랑스 번역 두 개를 추가할 수 있습니다. 이 경우 이런 시장에서 프랑스어로 쇼핑하는 고객에게도 필터 값은 일반 프랑스어를 기준으로 표시됩니다.

필터 레이블 및 필터 그룹은 특정 시장의 언어 번역을 지원합니다.

제한 사항

제품이 5,000개를 초과하는 컬렉션에는 필터가 표시되지 않습니다. 컬렉션에 포함된 제품이 5,000개를 초과하는 경우에는 대규모 컬렉션을 소규모의 자동화된 컬렉션 그룹으로 나눈 다음 드롭다운 탐색 메뉴에서 링크로 연결할 수 있습니다. 예를 들어 종류가 많은 대규모 "여성복" 패션 컬렉션 링크를 하나만 사용하는 대신 "상의", "데님", "부츠" 등의 하위 컬렉션으로 연결되는 탐색 링크를 제공할 수 있습니다.

결과가 100,000개 이상인 제품 검색 결과에는 필터가 표시되지 않습니다.

필터를 사용하면 상점에서 최대 100개의 필터 값을 표시할 수 있습니다. 스토어에 값이 100개를 넘으면 일부 값은 고객에게 표시되지 않습니다. 유사한 값을 그룹화하면 필터 값의 수를 줄일 수 있습니다.

Search & Discovery 앱에서, 필터는 최대 1,000개의 필터 값을 표시할 수 있습니다. 고유 값으로 확인되는 스토어의 메타 필드 수에 제한이 있기 때문에 메타 필드 필터는 값이 1,000개 미만으로 표시될 수 있습니다. 필터 값이 100개 미만으로 표시되는 경우 앱에 표시되지 않는 필터 값은 상점 고객에게 계속 표시할 수 있습니다.

필터 그룹 1개에 최대 50개의 고유한 필터 값을 포함할 수 있으며, 한 스토어에서는 선택된 모든 필터 설정에서 최대 1,000개의 필터 그룹을 사용할 수 있습니다.

공급업체 및 태그 필터 값에는 번역이 지원되지 않습니다. 제품 태그 필터는 스토어의 기본 언어로 쇼핑하는 고객에게만 표시됩니다. 공급업체 필터 값은 항상 스토어 기본 언어를 기반으로 합니다.

필터 값 번역은 온라인 스토어에 게시된 언어를 기반으로 하며, Shopify Markets마켓 번역 설정은 표시되지 않습니다.

가격 필터는 상점 기본 통화 외의 통화에는 표시되지 않습니다.

Shopify와 함께 사업을 시작할 준비가 되셨습니까?

무료 체험