메타 객체 튜토리얼
메타 객체를 사용하면 스토어에 구조적인 정보를 추가하고 저장할 수 있습니다. 메타 객체는 Shopify 관리자에서 데이터 저장을 위해 사용할 수 있으며 재사용이 가능하고 온라인 스토어에 표시되는 구조화된 콘텐츠를 생성하는 데 사용할 수 있습니다. 메타 객체의 몇 가지 예와 사용할 수 있는 위치는 다음과 같습니다.
- 제품에 패브릭 유형을 추가하고 온라인 스토어의 제품 페이지에 표시합니다.
- 제품에 대한 FAQ를 작성하고 온라인 스토어의 제품 페이지에 표시합니다.
- 이미지와 텍스트로 홍보대사 또는 인플루언서 프로필을 생성한 다음, 온라인 스토어의 페이지에 표시합니다.
Shopify Admin에서 제품, 컬렉션, 고객, 주문 및 기타 스토어 부분에 직접 메타 객체를 추가할 수 있습니다.
Online Store 2.0 테마를 사용 중인 경우 메타 필드로 메타 객체 참조를 생성하여 메타 객체를 테마에 연결할 수 있습니다. 빈티지 테마를 사용 중이거나 사용 중인 테마에서 지원하지 않는 메타 필드 유형을 추가하려는 경우 테마 코드를 편집하거나 Shopify 파트너를 고용하여 도움을 받을 수 있습니다. Shopify 파트너 고용에 대해 자세히 알아보십시오.
이 페이지의 정보
제품 주요 특성 튜토리얼
이 튜토리얼에서는 제품 주요 특성에 대한 사용자 지정 메타 객체를 생성하고 온라인 스토어에 표시하는 방법을 알아봅니다.
알아볼 내용
이 튜토리얼을 마치면 다음을 수행할 수 있습니다.
- 제품 주요 특성에 대한 메타 객체 생성
- 생성한 메타 객체를 사용하여 제품 주요 특성에 대한 여러 항목 생성
- 메타 객체를 참조하는 메타 필드 정의 생성
- 항목을 특정 제품에 연결
- 메타 객체 항목 게시
1단계: 메타 객체 생성
- Shopify Admin에서 설정 > 사용자 지정 데이터로 이동합니다.
- 메타 객체 아래에서 정의 추가를 클릭합니다.
- 메타 객체 정의의 이름을 제품 주요 특성으로 지정합니다.
-
필드 추가를 클릭하고 이 메타 객체에 표시할 콘텐츠 유형을 선택합니다. 필드는 메타 객체에 표시되는 콘텐츠를 정의하며 각 필드에는 자체적인 옵션 및 유효성 검사 세트가 있습니다.
- 이 튜토리얼에서는 이미지, 제품 이름, 캡션 및 설명을 표시하는 제품 주요 특성의 메타 객체를 구축합니다. 첫 번째 필드를 추가하려면 파일을 선택합니다.
유형 및 유효성 검사를 구성합니다. 필드의 이름을 이미지로 지정하고 간단한 설명을 입력합니다.
액세스 아래에서 상점이 자동으로 선택됩니다. 스토어에서 콘텐츠에 액세스하여 표시할 수 있도록 이 옵션을 계속 선택합니다.
-
메타 객체에 이미지 필드를 추가합니다. 필드 추가 > 파일을 선택합니다.
- 이 필드의 이름을 이미지로 지정합니다.
- 이 메타 객체를 이미지만 표시하도록 제한하려면 동영상을 선택 취소합니다.
- 설명을 입력합니다.
- 완료되면 추가를 클릭합니다.
-
메타 객체에 제목 필드를 추가합니다. 이번에는 필드 추가 > 필드 유형으로 한 줄 텍스트를 선택합니다. 다음을 수행합니다.
- 이 필드의 이름을 제목으로 지정합니다.
- 이 필드를 색인의 항목 이름으로 사용하려면 이 필드를 표시 이름으로 사용을 선택합니다.
- 설명을 입력합니다.
- 완료되면 추가를 클릭합니다.
-
메타 객체에 캡션 필드를 추가합니다. 필드 추가 > 한 줄 텍스트를 클릭합니다. 다음을 수행합니다.
- 이 필드의 이름을 캡션으로 지정합니다.
- 설명을 입력합니다.
- 완료되면 추가를 클릭합니다.
-
메타 객체에 설명 필드를 추가합니다. 필드 추가 > 여러 줄 텍스트를 클릭합니다. 다음을 수행합니다.
- 이 필드의 이름을 설명으로 지정합니다.
- 설명을 입력합니다.
- 완료되면 추가를 클릭합니다.
새 메타 객체 정의를 저장합니다.
메타 객체 정의가 저장된 후에는 항목 생성을 시작할 수 있습니다.
2단계: 항목 생성
- Shopify 관리자에서 콘텐츠를 클릭합니다.
- 새 항목의 기반이 될 제품 주요 특성 메타 객체 정의를 클릭한 다음 항목 추가를 선택합니다.
-
항목의 필드를 작성합니다.
- 이미지 선택을 클릭하고 이 제품 주요 특성의 이미지를 선택하거나 업로드합니다.
- 제목 및 설명을 추가합니다.
자동으로 활성 상태로 설정됩니다. 항목을 사용할 준비가 되지 않은 경우 상태를 초안으로 변경할 수 있습니다.
저장을 클릭합니다.
항목에는 단일 콘텐츠 항목과 관련한 고유 식별자인 핸들이 생성됩니다. 항목을 스토어 영역에 연결하기 시작하면 핸들을 편집하지 않는 것이 좋습니다. 스토어에서 항목 핸들을 사용한 후 항목 핸들을 변경하는 경우 미치는 영향에 대해 자세히 알아보십시오.
위의 단계를 반복하여 제품 주요 특성의 메타 객체 정의를 기반으로 항목 3개를 더 생성합니다.
메타 객체 정의 및 항목을 저장한 후 메타 객체를 참조하는 메타 필드 정의를 생성할 수 있습니다.
3단계: 메타 객체를 참조하는 메타 필드 정의 생성
- Shopify Admin에서 설정 > 사용자 지정 데이터로 이동합니다.
- 메타 필드 섹션에서 제품을 선택합니다.
- 정의 추가를 클릭합니다. 고유한 이름 및 설명을 입력한 다음 콘텐츠 유형 선택을 클릭합니다.
- 유형 선택을 클릭한 다음, 메타 객체를 클릭합니다.
- 참조 섹션에서 참조할 메타 객체 정의를 선택합니다. 제품 주요 특성을 선택합니다. 이렇게 하면 메타 필드 제품 정의가 제한되어 제품 주요 특성 메타 객체와 관련된 항목만 표시됩니다.
- 이 정의가 하나의 항목이나 항목 목록으로 표시할 수 있는지 여부를 정의합니다. 이 예에서는 항목 목록 옵션을 선택합니다.
- 액세스 섹션에서 상점 옵션이 기본적으로 선택됩니다.
- 저장을 클릭합니다.
그 다음에는 항목을 표시할 제품에 해당 항목을 연결합니다.
4단계: 항목에 제품 연결
Shopify 관리자에서 제품으로 이동합니다.
제품 주요 특성을 표시할 제품을 선택합니다.
이 예에서는 생성한 제품 주요 특성 항목 중 일부만 표시하도록 하겠습니다. 제품 메타 필드 섹션에서 제품 주요 특성 메타 필드 옆에 있는 항목 필드를 클릭합니다. 메타 필드 목록에 제품 주요 특성이 없는 경우 모두 표시를 클릭합니다.
항목 선택을 클릭합니다. 이 단계에서는 특정 제품에 표시할 항목을 선택합니다. 제품 주요 특성 중 두 가지를 선택하십시오.
제품 페이지로 돌아갑니다. 다른 제품을 선택하고 이전 단계에 따라 제품에 두 가지 제품 주요 특성 항목을 할당합니다.
다음으로 온라인 스토어에 메타 객체를 게시합니다.
5단계: 온라인 스토어에 항목 게시
제품에 항목을 연결했다면 이제 스토어에 항목을 표시할 수 있습니다. 이 단계에서는 테마 편집기를 사용하여 메타 객체 항목을 연결할 블록과 섹션을 선택합니다.
섹션 또는 블록을 추가한 다음 다이나믹 소스 연결 아이콘을 클릭하여 메타 필드를 선택할 수 있습니다.
- Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 클릭합니다.
- 화면 상단의 드롭다운 메뉴를 사용하여 제품 > 기본 제품을 선택합니다. 이렇게 하면 테마 편집기에 기본 제품 템플릿이 로드됩니다.
- 왼쪽 사이드바에서 섹션 추가를 클릭하고 다중 행을 새 섹션 유형으로 선택합니다.
-
여러 행 섹션의 첫 번째 행을 클릭합니다.
- 첫 번째 블록에 대한 설정이 오른쪽 사이드바에 표시됩니다. 열 블록에서 수동으로 이미지를 선택하고, 제목을 삽입하고, 캡션을 추가하고, 설명을 추가할 수 있습니다. 각 개별 데이터 소스 아이콘을 클릭하고 블록 설정을 원하는 항목에 연결할 수도 있습니다.
블록 이름 옆에 있는 다이나믹 소스 연결을 클릭하여 제품 주요 특성을 선택합니다. 테마 편집기는 새 다중 행 블록을 제품 주요 특성 항목으로 채웁니다.
다중 행 섹션에서 남은 블록을 구성하거나 사용하지 않는 블록을 제거합니다.
저장을 클릭하여 제품 주요 특성 항목을 게시합니다.
항목은 연결된 제품에만 표시되고 제품이 항목에 연결되지 않은 경우 섹션은 게시되지 않습니다. 즉, 모든 제품에 적용되는 단일 제품 템플릿을 설정할 수 있습니다.