카테고리 메타 필드를 사용하여 색상 견본 추가하기

카테고리 메타 필드는 Shopify의 표준 제품 택소노미에 있는 특정 제품 카테고리에 매핑됩니다. 택소노미에서 제품 특성이라고도 하는 카테고리 메타 필드를 사용하면 제품에 올바른 정보를 추가하여 사이트, 마켓플레이스, 검색 엔진에서 방문자가 제품을 더 쉽게 검색할 수 있도록 할 수 있습니다.

예를 들어, 제품 카테고리로 의류 및 액세서리 > 의류 > 상의 > 셔츠를 추가하면 의류 사이즈, 넥라인, 소매 길이 유형 등에 대한 카테고리 메타 필드를 추가할 수 있습니다. Shopify Magic 예측에 따라 일부 카테고리 메타 필드는 기본적으로 추가됩니다. 다른 카테고리 메타 필드가 제안될 수 있으며, 스토어에 추가하도록 선택할 수 있습니다. 카테고리 메타 필드에는 기본 항목이 있으며 그대로 사용하거나 추가로 사용자 지정할 수 있습니다.

카테고리 메타 필드를 제품 이형 상품 옵션에 연결하고 항목을 옵션 값에 연결할 수 있습니다. 즉, black 색상을 graphite로 편집할 수 있으며, 해당 색상이 사용되는 모든 곳에서 이형 상품 값이 업데이트됩니다. 색상 항목을 이형 상품 옵션으로 사용하면 스토어프론트 제품 페이지에 색상 옵션에 대한 이형 상품 옵션을 견본으로 표시할 수 있습니다.

Shopify 관리자에서 제품에 직접 카테고리 메타 필드를 추가할 수 있습니다.

모든 단계를 완료하려면 견본이 포함된 이형 상품 옵션을 지원하는 테마가 필요합니다. 빈티지 테마를 사용 중이거나 테마에서 지원하지 않는 기능을 추가하려는 경우 테마 코드를 편집하거나 Shopify 파트너를 고용하여 도움을 받을 수 있습니다.

이 튜토리얼은 5단계로 구성되어 있으며, Shopify의 표준 제품 택소노미를 소개하고, 카테고리 메타 필드를 추가하며, 이형 상품 옵션을 카테고리 메타 필드에 연결하고, 온라인 스토어에서 색상 견본을 사용자 지정하며, Search and Discovery 앱을 사용하여 스토어에 필터로 색상 견본을 추가하는 방법을 설명합니다.

1단계: 제품 카테고리 추가

제품 카테고리는 Shopify의 표준 제품 택소노미에 사전 정의된 카테고리에서 선택됩니다.

Shopify의 표준 제품 택소노미는 다음 용도로 사용됩니다.

• 각 제품 카테고리에 매핑되는 카테고리 메타 필드라고 하는 제품 특성을 사용합니다.
• Shopify 내에서 제품을 더 효율적으로 관리하세요. 예를 들어 컬렉션 조건으로 사용하거나 제품 목록을 필터링하는 데 활용할 수 있습니다.
• Facebook 또는 Google과 같이 표준화된 제품 유형이 필요한 다른 채널에서 제품을 더 쉽게 판매할 수 있습니다.
• Shopify Tax를 사용하는 경우 제품에 과세되는 세율을 결정합니다. 제품에 특별 세율 또는 면제가 적용될 수 있습니다. 제품이 올바르게 분류되면 체크아웃 시 가장 정확한 세율이 적용됩니다. 판매세를 너무 많이 또는 너무 적게 징수하면 비즈니스에 재정적 또는 법적 책임이 발생할 수 있습니다.

제품 카테고리의 예는 의류 및 액세서리 > 의류 > 상의 > 셔츠입니다. 이 튜토리얼 전체에서 사용되는 예시 카테고리입니다. 그러나 color 제품 특성이 있는 모든 카테고리 메타 필드에 색상 견본을 추가할 수 있습니다.

의류 및 액세서리 > 의류 > 상의 > 셔츠에 대한 다른 카테고리 메타 필드에는 사이즈, 넥라인, 소매 길이 유형, 상의 길이 유형, 연령대, 소재, 대상 성별, 의류 특징이 포함됩니다. 카테고리 메타 필드에는 기본 항목이 있으며, 일관된 브랜딩을 유지하기 위해 그대로 사용하거나 추가로 사용자 지정할 수 있습니다. 예를 들어, black 색상이 브랜딩과 일치하지 않는 경우 graphite로 이름을 바꿀 수 있습니다.

제품에 대해 제공하는 정보 및 미디어에 따라 카테고리가 자동으로 채워질 수 있습니다. 다른 카테고리로 변경할 수 있습니다.

단계:

2단계: 카테고리 메타 필드에 항목 추가 및 편집

제품 카테고리를 추가한 후 제품의 이형 상품 옵션 값에 필요한 모든 항목을 추가할 수 있습니다.

단계:

3단계: 카테고리 메타 필드를 이형 상품 옵션에 연결

이 튜토리얼에서는 색상의 카테고리 메타 필드를 연결합니다. 필요에 따라 다른 카테고리 메타 필드를 연결할 수 있습니다.

이형 상품을 추가하면 연결할 수 있는 카테고리 메타 필드 목록이 표시되며, 사용자 지정 옵션을 생성할 수도 있습니다.

단계:

이형 상품 옵션을 카테고리 메타 필드로 마이그레이션

이미 이형 상품 옵션이 있는 제품을 생성한 경우 값을 카테고리 메타 필드로 마이그레이션하여 여러 개의 새로운 이형 상품 조합을 빠르게 생성할 수 있습니다. 카테고리 메타 필드를 사용하여 이형 상품 옵션을 생성하면 한 위치에서 이형 상품 옵션 이름을 업데이트하기만 해도 해당 카테고리 메타 필드 값이 연결된 모든 위치에 업데이트가 반영됩니다.

⛁ 동적 소스 아이콘을 클릭하여 기존 옵션에 카테고리 메타 필드를 연결합니다.

4단계: 온라인 스토어의 색상 견본 사용자 지정

다음으로 온라인 스토어의 색상 견본을 사용자 지정합니다.

테마에서 견본 사용자 지정

이형 상품 선택기 블록이 있는 경우 견본이 기본적으로 표시됩니다. 블록 설정에서 표시 방법을 사용자 지정할 수 있습니다.

단계:

1. Shopify 관리자에서 온라인 스토어 > 테마로 이동하십시오.

2. 테마 편집을 클릭하십시오.

3. 색상 옵션을 추가한 제품으로 이동하십시오.

4. 선택 사항: 견본을 사용자 지정하려면 이형 상품 선택기 블록을 클릭하십시오. 원, 사각형 또는 없음 중에서 선택하여 견본 표시를 변경할 수 있습니다.

5. 저장을 클릭하여 테마를 저장하십시오.

이제 온라인 스토어의 제품 페이지로 이동하면 이형 상품 옵션 값에 대한 색상 견본이 표시됩니다.

5단계: 스토어 검색에 필터로 색상 견본 추가

Search and Discovery 앱을 사용하여 스토어 필터에 색상 견본을 추가할 수도 있습니다. Search and Discovery 앱에 대해 자세히 알아보십시오.

스토어에 Search and Discovery 앱이 설치되어 있지 않은 경우 이 단계를 완료하기 전에 앱을 설치해야 합니다. 앱 설치에 대해 자세히 알아보십시오.

단계:

1. Shopify Search & Discovery 앱에서 필터로 이동한 다음 필터 추가를 클릭하십시오.
2. + 소스 선택을 클릭한 다음 유형이 카테고리 메타 필드인 색상을 선택하십시오.
3. 선택 사항: 필터 이름 바꾸기.
4. 선택 사항: 필터 동작을 변경합니다.
5. 선택 사항: **값 관리**를 클릭하여 시각적 표시를 변경합니다. **견본 포함**을 선택하면 기본 색상이 표시되며 **사용 가능한 경우 이미지 사용**을 선택하면 색상에 추가한 이미지가 표시됩니다. 검색 시 텍스트만 표시하려면 두 옵션을 모두 선택하지 않은 상태로 둘 수 있습니다.
6. 선택 사항: 필터 값을 선택하여 하나의 값으로 그룹화합니다.
7. 선택 사항: 필터 값을 정렬합니다.
8. 저장을 클릭합니다.

견본이 있는 색상 옵션

업데이트된 Shopify 제품 분류에는 스토어프론트에 색상 견본을 추가할 수 있는 표준 색상 특성이 포함되어 있습니다. 이 표준 특성에 액세스하려면 색상 카테고리 메타 필드가 포함된 제품 카테고리를 선택하세요. 다음 카테고리 메타 필드는 색상 견본을 지원합니다.

• Backing color
• Backrest upholstery color
• Band color
• Blanket color
• Body color
• Butt cap color
• Color
• Canopy color
• Case color
• Core color
• Cover color
• Dial color
• Door color
• Door mat base color
• Eyewear frame color
• Eyewear lens color
• Fingerboard color
• Flower color
• Flush plate color
• Footwear color
• Foundation color
• Frame color
• Furniture/Fixture color
• Handle color
• Housing color
• Ink color
• Instrument color
• Instrument string color
• Jumping surface color
• Laser color
• Leg color
• Lens color
• Light color
• Neck color
• Pen color
• Pole color
• Riser color
• Rod color
• Saddle base color
• Saddle seat color
• Seat color
• Seat upholstery color
• Shaft color
• Sheet color
• Shelf color
• Shell/Frame color
• Slat color
• Spool color
• String color
• Suction cup color
• Tabletop color
• Tank color
• Temple color
• Top color
• Upholstery color