필터 추가하기

이 페이지는 Jul 26, 2024에 인쇄되었습니다. 최신 버전은 https://help.shopify.com/ko/manual/online-store/search-and-discovery/filters에서 확인하십시오.

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

이 페이지의 정보

요구 사항

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

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

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

필터 추가 시 고려 사항

Shopify Search & Discovery 앱 앱을 사용할 때는 다음 고려 사항을 검토하세요.

  • 제품이 5,000개를 초과하는 컬렉션에는 필터가 표시되지 않습니다. 큰 컬렉션을 필터를 표시할 수 있는 더 작은 컬렉션으로 나누는 것을 고려하세요. 예를 들어, 하나의 여성용 패션 컬렉션을 생성하는 대신 상의, 청바지, 부츠 등 의류 유형에 따라 더 작은 컬렉션을 생성할 수 있습니다.
  • 결과가 100,000개 이상인 제품 검색 결과에는 필터가 표시되지 않습니다.
  • 필터를 사용하면 스토어에서 최대 100개의 필터 값을 표시할 수 있습니다. 필터에 값이 100개를 넘으면 일부 값은 고객에게 표시되지 않습니다. 유사한 값을 그룹화하면 필터 값의 수를 줄일 수 있습니다. 필터 그룹 1개에 최대 200개의 고유한 필터 값을 포함할 수 있으며, 한 스토어에서는 선택된 모든 필터 설정에서 최대 1,000개의 필터 그룹을 사용할 수 있습니다.
  • Shopify Search & Discovery 앱에서, 필터는 최대 1,000개의 필터 값을 표시합니다. 고유 값으로 확인되는 스토어의 메타 필드 수에 제한이 있기 때문에 메타 필드 필터는 값이 1,000개 미만으로 표시될 수 있습니다. 필터 값이 100개 미만으로 표시되는 경우 앱에 표시되지 않는 필터 값은 스토어 고객에게 계속 표시할 수 있습니다.
  • 공급업체 및 태그 필터 값에는 번역이 지원되지 않습니다. 제품 태그 필터는 스토어의 기본 언어로 쇼핑하는 고객에게만 표시됩니다. 공급업체 필터 값은 항상 스토어 기본 언어를 기반으로 합니다.
  • 필터 값 번역은 온라인 스토어에 게시된 언어를 기반으로 하며, International의 마켓 번역 설정은 표시되지 않습니다.
  • 가격 필터는 상점 기본 통화 외의 통화에는 표시되지 않습니다.

필터 유형

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

각 필터 소스는 스토어의 필터에 한 번만 사용할 수 있습니다. 예를 들어 스토어에서 가격 필터를 활성화한 경우 가격은 회색으로 표시되어 새 필터의 소스로 선택할 수 없습니다.

표준 필터

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

사용자 지정 필터

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

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

메타 필드가 있는 사용자 지정 필터

메타 필드 필터는 제품 카탈로그에 맞는 고유한 필터를 생성하는 데 유용합니다. 예를 들어 어린이용 장난감을 판매하는 경우 연령 제품 메타 필드 사용자 지정 필터를 생성할 수 있습니다. 또한 고객이 필터를 빠르게 파악할 수 있도록 시각적 필터를 생성할 수 있습니다.

메타 필드를 필터로 사용하려면 메타 필드 정의가 있어야 합니다. 메타 필드 정의 추가 방법을 알아보세요. 다음 값 유형의 메타 필드 필터를 생성할 수 있습니다.

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

제품 또는 이형 상품에 대한 메타 필드를 설정한 후에는 필터를 편집할 때 메타 필드 정의를 필터로 선택할 수 있습니다.

필터 편집

  1. Shopify Search & Discovery 앱에서 필터로 이동한 다음 필터 추가를 클릭합니다.
  2. 소스 필드를 클릭한 다음 고객이 사용할 수 있도록 설정할 필터 소스를 선택합니다.
  3. 선택 사항: 필터의 이름을 변경합니다.
  4. 선택 사항: 필터 동작을 변경합니다.
  5. 선택 사항: 필터 값을 선택하여 1개의 값으로 그룹화합니다.
  6. 선택 사항: 필터 값을 정렬합니다.
  7. 저장을 클릭합니다.

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

필터 이름 바꾸기

스토어에 있는 기존 필터의 고객용 이름을 변경할 수 있습니다.

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

단계:

  1. Shopify Search & Discovery 앱에서 필터로 이동한 다음 이름을 변경하려는 필터를 클릭합니다.
  2. 필터 레이블 필드에 새 레이블을 입력합니다.
  3. 저장을 클릭합니다.

필터 값

컬렉션이나 검색 결과의 제품에 적용되는 필터 값만 스토어에 표시됩니다.

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

필터 값 그룹화

여러 개의 필터 값을 그룹으로 묶어 고객에게 1개의 필터 값으로 표시할 수 있습니다. 예를 들어 오닉스, 에보니 및 미드나잇을 포함하는 색상 옵션이 있는 제품이 있습니다. 이 값을 검정색이라는 1개의 필터로 그룹화할 수 있습니다. 필터 그룹 1개에 최대 200개의 고유한 필터 값을 포함할 수 있으며, 한 스토어에서 최대 1,000개의 필터 그룹을 사용할 수 있습니다.

단계:

  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. 정렬 아래에서 수동을 선택합니다.
  3. 값을 끌어 재배치합니다. 또는 여러 값을 선택하고 맨 위로 이동 또는 아래로 이동을 클릭하여 위치를 함께 조정할 수 있습니다.
  4. 선택 사항: Shopify Magic으로 정렬하려면 나를 위한 재정렬을 클릭합니다.
  5. 저장을 클릭합니다.

Shopify Magic으로 정렬

Shopify Magic을 사용하여 필터 이름 및 해당 값을 기준으로 하여 논리적 순서로 값을 정렬할 수 있습니다. 견본 필터를 사용하는 필터는 16진수 코드와 색상환에서의 위치를 고려하여 정렬 순서를 결정합니다.

나를 위한 재정렬 버튼은 Shopify Magic을 통해 값을 정렬합니다. 새 순서가 기대를 충족하지 않는 경우 재정렬 실행 취소 버튼을 클릭하여 정렬된 순서를 수동으로 복구하거나 스토어의 요구 사항에 맞게 값을 다시 배치할 수 있습니다.

제한 사항

범주 필터는 수동 또는 Magic 정렬을 지원하지 않습니다. 값은 알파벳순으로 정렬됩니다.

빈 필터 값 사용자 지정

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

단계:

  1. Shopify Search & Discovery 앱에서 설정으로 이동합니다.

  2. 필터 > 빈 값 섹션에서 다음 옵션 중 하나를 선택합니다.

    • 빈 필터 값을 숨기려면 숨기기를 선택합니다. 모든 필터 값이 비어 있는 경우 필터는 완전히 숨겨집니다.
    • 빈 필터 값을 값 목록 하단으로 이동시키려면 마지막에 표시를 선택합니다.
    • 기본 정렬 로직으로 빈 필터 값을 정렬하려면 기본 순서대로 표시를 선택합니다.

  3. 저장을 클릭합니다.

필터 값 제외

고객에게 표시되는 값을 보다 세부적으로 제어해야 하는 경우 스토어에서 표시하려는 값만 있는 메타 필드 필터를 사용하세요.

예를 들어 자동 컬렉션 조건이나 관리자 제품 목록 필터링과 같이 상점 필터와는 다른 용도로 제품 태그를 사용할 수 있습니다. 제품 태그 필터 형식 대신 한 줄 텍스트의 메타 필드 유형이나 목록 유형을 사용할 수 있습니다.

시각적 필터

필터 값은 색상, 패턴 또는 보다 자세한 이미지 등의 시각적 요소를 포함할 수 있습니다. 예를 들어, 패브릭 색상 필터는 각 필터 값에 대해 작은 색상 견본을 표시할 수 있습니다.

필터 값을 사용하여 비주얼을 생성하려면 메타 필드 및 메타 객체를 사용하여 스토어에 대한 사용자 지정 데이터를 설정합니다. 또한 다음 요구 사항을 충족해야 합니다.

  • 필터 값 견본 및 이미지 표시를 지원하는 온라인 스토어 테마입니다.

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

    • 색상 필드 또는 이미지가 있는 파일 필드가 1개 이상 있습니다. 두 필드 모두 하나의 값만 지원 할 수 있으며 값 목록은 지원되지 않습니다.
    • 필터 값의 이름을 지정하는 필드입니다. 값은 하나만 허용해야 합니다. 값 목록을 필터 이름으로 사용할 수 없습니다. 필드는 다음 유형 중 하나일 수 있습니다.
    • 한 줄 텍스트
    • 소수
    • integer
    • 부울(참 또는 거짓)

  • 다음 기준을 충족하는 메타 필드 정의:

    • 제품 또는 이형 상품에 대한 정의가 생성됩니다.
    • 메타 필드 유형은 메타 객체이며 이전 단계에서 생성된 메타 객체 정의를 참조합니다.
    • 메타 필드가 메타 객체의 항목 1개 또는 항목 목록을 허용할지 여부를 설정하십시오.

  • 메타 객체 및 메타 필드 정의 모두 상점 액세스가 활성화되어야 합니다.

시각적 필터 모범 사례:

제품 이형 필터는 검색 결과 및 컬렉션 페이지에서 더 관련성이 높은 이형 상품으로 연결됩니다. 예를 들어 빨간색 견본을 클릭하는 경우 빨간색 제품만 표시됩니다. 이형 제품 수준 필터링을 사용하려면 메타 객체 참조에 이형 상품 메타 필드를 사용하세요. 필터에 특정 이형 상품에 대한 링크가 중요하지 않은 경우 대신 제품 메타 필드를 사용하십시오.

색상 견본에 대한 메타 객체 정의에는 색상과 이미지 필드가 모두 있어야 합니다. 두 가지 모두에 대한 값을 제공할 필요는 없지만 나중에 두 필드 중 하나를 사용할 수 있는 옵션이 제공됩니다.

제품 또는 이형 상품에 필터링할 수 있는 색상이 여러 개인 경우 메타 필드 정의가 항목 목록을 허용하도록 설정합니다. 이렇게 하면 단일 품목에 여러 메타 객체 항목을 할당할 수 있으며 각 항목은 스토어 첫 화면에 필터 값으로 표시됩니다.

단계:

스토어의 제품이나 이형 상품에 메타 필드를 할당한 후 온라인 스토어의 필터를 설정할 수 있습니다.

  1. Shopify Search & Discovery 앱에서 필터로 이동합니다.
  2. 필터 추가를 클릭하거나 기존 필터를 클릭합니다.
  3. 소스 필드를 클릭한 다음 메타 객체 참조가 있는 메타 필드 필터를 선택합니다.
  4. 표시 옵션을 클릭합니다.
  5. 메타 필드를 선택하여 필터 값의 레이블 필드를 설정합니다.
  6. 시각적 요소 포함을 선택하고 비주얼 스타일을 선택합니다.
    • 작은 색상 견본 또는 패턴에 대한 견본을 선택합니다. 견본 콘텐츠를 설정하려면 다음을 선택합니다.
      • 견본 색상의 색상 필드입니다.
      • 견본 패턴의 이미지 필드입니다.

- 잘리면 안 되는 아이콘, 로고 또는 기타 그래픽의 이미지를 선택합니다. 이미지의 이미지 필드를 선택하여 콘텐츠를 설정합니다.

필터 동작

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

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

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

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

필터 동작 사용자 지정

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

단계:

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

필터 번역

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

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

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

필터의 값은 언어 간에 다소 다를 수 있습니다. 예를 들어, 스토어의 기본 언어가 영어이며 지원되는 언어로 프랑스어도 추가합니다. 색상 필터 값에 갈색 값을 포함합니다. 영어에는 갈색이라는 보통어가 하나 있으며 프랑스어에는 두 개의 보통어가 있습니다. 번역 앱은 스토어 제품에서 갈색 필터 값을 Brun 또는 Marron으로 자동으로 번역합니다. 상점 필터에는 영어로 된 색상 필터에서 갈색에 대한 값을 1개 표시하고, 프랑스어로는 2개의 값을 표시합니다.

필터 값의 번역에 한 가지 값만 유지하려면 번역 앱을 사용해 제품의 번역된 콘텐츠를 편집해야 합니다.

마켓 언어

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

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

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

무료 체험