메타 객체 연결 및 표시

테마 편집기를 사용하여 다음 방법 중 하나로 테마에 메타 객체의 콘텐츠를 표시할 수 있습니다.

  • 메타 객체를 블록에 연결
  • 동적 소스를 지원하는 블록 설정 및 테마 설정에 메타 객체 필드 연결
  • 테마 코드를 편집하여 메타 객체 추가

단계별 지침은 제품 하이라이트 메타 객체 정의를 생성하는 방법을 알아보세요.

메타 객체 연결 및 표시에 대한 호환성 고려 사항

온라인 스토어에서 메타 객체를 연결하고 표시하려면 다음 고려 사항을 검토하십시오.

  • 테마 편집기에서 메타 객체를 블록 또는 설정에 연결하려면 메타 객체의 메타 필드 유형이 블록의 콘텐츠 유형과 일치해야 합니다. 테마 설정에서 해당 영역에 호환되는 유형을 연결할 수 있습니다.
  • 메타 객체를 연결하려면 열 블록의 제목 또는 캡션 블록 설정에 연결하기 위한 한 줄 텍스트 메타 필드와 같이 메타 객체에 상응하는 메타 필드 유형이 포함되어야 합니다.
  • 온라인 스토어에 표시하려면 메타 객체에 스토어프론트 액세스 권한이 있는지 확인해야 합니다. 사용자 지정 데이터 옵션에 대해 자세히 알아보세요.
  • 메타 객체 필드가 목록이면 테마 편집기에서 목록의 각 항목을 블록 설정에 자동으로 추가합니다.

메타 객체 및 메타 객체 참조를 블록에 연결

제품의 카테고리 메타 필드를 제품 템플릿에 연결하는 경우와 같이, 생성한 메타 객체나 관련 템플릿에 대한 메타 객체 참조인 메타 필드를 메타 객체 연결을 지원하는 블록에 직접 연결할 수 있습니다. 메타 객체를 블록에 연결하면 호환되는 필드가 블록 설정에 자동으로 매핑됩니다.

블록에는 메타 객체 또는 메타 객체 참조만 연결할 수 있습니다. 예를 들어 서적을 판매하고 제품에 다음 제품 메타 필드를 추가한 경우입니다.

  • 배송 규격: 한 줄 텍스트 메타 필드 유형 사용
  • 페이지 수: 정수 메타 필드 유형 사용
  • 책 표지 유형: 카테고리 메타 필드 사용
  • 저자: 메타 객체 참조 유형 사용

테마 편집기의 제품 템플릿에서는 책 표지 유형 또는 저자 제품 메타 필드를 연결할 수 있지만 배송 규격 또는 페이지 수 메타 필드는 연결할 수 없습니다.

테마에서 일치하는 템플릿에는 관리자의 메타 객체 참조 유형이 있는 영역의 메타 필드만 연결할 수 있습니다. 예를 들어 홈페이지를 사용자 지정하는 경우 Shopify 관리자의 콘텐츠 > 메타 객체 섹션에서 모든 사용자 지정 메타 객체를 연결할 수 있지만 제품 메타 필드에서 메타 객체 참조가 있는 메타 필드는 연결할 수 없습니다.

단계:

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

  2. 편집할 테마 옆에 있는 테마 편집을 클릭하십시오.

  3. 선택 사항: 홈페이지 이외의 템플릿을 사용자 지정하려면 메뉴 표시줄의 템플릿 메뉴에서 사용자 지정할 템플릿을 선택하십시오.

  4. 메타 객체 또는 메타 객체 참조를 연결할 블록을 클릭하십시오.

  5. 블록 옆에 있는 동적 소스 연결 버튼을 클릭하십시오.

  6. 사용 가능한 경우 다음 소스 중 하나에서 메타 객체 또는 메타 객체 참조를 선택하십시오.

  • 이 템플릿에서 섹션에서 템플릿 > 제품을 클릭한 다음, 범주 메타 필드와 같이 호환되는 메타 객체 참조 유형을 선택하십시오.
  • 스토어에서 섹션에서 메타 객체, 마켓 또는 브랜드를 클릭한 다음 호환되는 메타 객체 또는 메타 객체 참조를 선택하십시오.
  1. 저장을 클릭하십시오.

동적 소스를 지원하는 설정에 메타 객체 필드 연결

메타 객체 필드를 호환되는 블록 설정 또는 테마 설정에 직접 연결할 수 있습니다.

단계:

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

  2. 편집할 테마 옆에 있는 테마 편집을 클릭하십시오.

  3. 선택 사항: 홈페이지 이외의 템플릿을 사용자 지정하려면 메뉴 표시줄의 템플릿 메뉴에서 사용자 지정할 템플릿을 선택하십시오.

  4. 선택 사항: 동적 소스를 테마 설정에 연결하려면 설정 버튼을 클릭하십시오.

  5. 메타 객체 또는 메타 객체 참조를 연결할 설정을 클릭하십시오.

  6. 설정 옆에 있는 동적 소스 연결 버튼을 클릭하십시오.

  7. 사용 가능한 경우 다음 소스 중 하나에서 메타 객체 또는 메타 객체 참조를 선택하십시오.

  • 이 템플릿에서 섹션에서 템플릿 > 제품을 클릭한 다음, 범주 메타 필드와 같이 호환되는 메타 객체 참조 유형을 선택하십시오.
  • 스토어에서 섹션에서 메타 객체, 마켓 또는 브랜드를 클릭한 다음 호환되는 메타 객체 또는 메타 객체 참조를 선택하십시오.
  1. 연결할 메타 객체 필드를 선택하십시오.
  2. 저장을 클릭하십시오.

테마 코드를 편집하여 메타 객체 추가

Shopify의 템플릿 언어인 Liquid를 사용하여 온라인 스토어 어디에서나 메타 객체 항목을 사용할 수 있습니다. 페이지, 블로그, 홈페이지 및 컬렉션 템플릿에 메타 객체 항목을 연결할 수 있습니다.

이러한 항목은 메타 필드를 통해 참조하거나 직접 액세스할 수 있으며 메타 객체 또는 메타 객체 목록 설정을 통해 구현할 수 있습니다.

테마 코드를 편집하여 온라인 스토어에 메타 객체를 표시하려면 Liquid를 사용하여 테마 템플릿의 메타 필드를 참조할 수 있습니다.

Shopify 파트너 고용개발자를 위한 사용자 지정 데이터 사용에 대해 자세히 알아보기