테마 아키텍처 버전 및 소스

테마 아키텍처 버전과 테마 개발자에 따라 온라인 스토어에서 사용할 수 있는 기능과 맞춤 설정, 그리고 테마 지원을 받을 수 있는 위치가 결정됩니다.

테마 편집기에서 테마의 개발자와 버전을 확인할 수 있습니다.

테마 소스

스토어에 추가할 수 있는 모든 테마는 Shopify 또는 타사 개발자가 개발합니다. 테마는 다음 소스 중 하나에서 제공될 수 있습니다.

  • Shopify Theme Store에는 Shopify에서 제공하는 무료 테마와 타사 테마 개발자가 제공하는 유료 테마가 모두 있습니다.
  • Shopify와 호환되는 테마는 Theme Store 외부에서도 사용할 수 있습니다. 여기에는 맞춤 빌드 테마와 지원되지 않는 타사 사이트의 테마가 포함됩니다. Shopify Theme Store가 아닌 다른 사이트에서 테마를 설치하지 않는 것이 좋습니다. Theme Store 외부의 테마는 핵심 Shopify 기능과의 품질 또는 호환성이 검증되지 않았으며 온라인 스토어에서 예기치 않은 동작을 유발할 수 있습니다.

테마 아키텍처 버전

테마의 아키텍처 버전에 따라 테마의 기능이 결정됩니다. 테마 아키텍처는 테마에 있는 파일의 테마 구조를 설명합니다. Shopify에서 제작한 모든 테마 및 Shopify Theme Store의 모든 유료 타사 테마는 다음 아키텍처 유형 중 하나를 가집니다.

  • 빈티지 테마는 원래 테마 아키텍처를 사용하는 테마입니다. 빈티지 테마는 섹션형 또는 비섹션형일 수 있습니다. 빈티지 테마는 Theme Store에서 사용할 수 없습니다. Shopify의 무료 빈티지 테마는 보안 수정 외에는 업데이트를 받지 않습니다.
  • Online Store 2.0 테마는 동적 소스뿐만 아니라 모든 페이지의 섹션을 지원하는 테마입니다.
  • Horizon 테마 제품군을 비롯하여 테마 모듈을 지원하는 테마가 최신 테마 아키텍처 버전입니다. 이러한 테마는 Online Store 2.0 테마에서 사용할 수 있는 모든 기능과 테마 모듈을 사용한 고급 맞춤 설정 기능을 지원합니다.

테마의 아키텍처 버전은 초안 테마에 있는 각 테마마다 다릅니다. 초안 테마에 서로 다른 아키텍처 버전의 테마들이 동시에 있을 수 있습니다.

테마 버전 번호

모든 테마에는 1.0과 같은 버전 번호가 있으며, 이 번호는 **테마 라이브러리**에 표시됩니다. 테마의 버전 번호는 Theme Store에서 사용할 수 있는 동일한 테마의 최신 버전과 비교한 해당 테마의 버전을 나타냅니다. 테마 버전의 차이점에 대해 자세히 알아보려면 테마 업데이트의 릴리스 노트를 검토하십시오.

Dawn 테마 업데이트가 제공되는 샘플 온라인 스토어

테마 아키텍처 버전 기능

테마의 아키텍처 버전에 따라 테마에서 사용할 수 있는 전반적인 기능이 결정됩니다. 특정 기능을 사용할 수 있는지 여부는 사용하는 테마에 따라 다릅니다.

각 테마에서 사용할 수 있는 특정 설정은 테마 자체에 따라 다릅니다. 테마 편집기를 사용하여 특정 테마에서 사용 가능한 맞춤 설정 옵션을 탐색하십시오.

현재 테마의 아키텍처 버전에서 사용할 수 없는 기능을 사용하려면 해당 기능을 지원하는 Shopify Theme Store의 새 테마로 변경한 다음 현재 테마를 교체하기 전에 맞춤 설정할 수 있습니다. 테마 추가 및 전환에 대해 자세히 알아보십시오.

테마 기능 비교
기능빈티지OS 2.0테마 모듈
홈페이지의 섹션
온라인 스토어 홈페이지의 콘텐츠를 맞춤 설정합니다. 섹션을 추가, 재정렬 또는 제거하여 페이지 레이아웃을 생성할 수 있습니다.
모든 페이지의 섹션
온라인 스토어의 대부분의 페이지에서 콘텐츠를 맞춤 설정합니다. 섹션과 블록을 추가, 재정렬 또는 제거하여 고유한 페이지 레이아웃을 생성합니다. 모든 페이지에 섹션이 있는 테마는 JSON 템플릿으로 빌드됩니다.
템플릿 생성
테마 편집기에서 테마의 새 템플릿을 생성합니다.
향상된 앱 지원
코드를 수정하지 않고 앱을 설치하거나 변경합니다. 앱 블록앱 임베드를 사용하여 테마의 모든 위치에 앱 기능을 추가할 수 있습니다.
동적 소스를 사용한 풍부한 콘텐츠
설정을 동적 소스에 연결하여 테마의 모든 설정에 동적, 특수 정보를 추가합니다. 동적 소스는 리소스 특성 또는 메타 필드 값일 수 있습니다.
컬렉션 필터링
고객이 스토어에서 사용 가능 여부, 가격 등을 기준으로 컬렉션을 필터링할 수 있습니다.
자동 완성 검색
자동 완성 검색은 입력 시 추천 검색 결과를 표시합니다.
Planet 앱
온라인 스토어에 맞춤 설정 가능한 Planet 배지와 마케팅 자산을 추가하여 탄소 중립 배송에 대한 노력을 보여주세요.
테마 모듈
테마 모듈을 사용하여 섹션 및 블록에 대한 고급 맞춤 설정을 생성합니다.

테마 아키텍처 버전 확인

다음과 같은 경우에 테마가 어떤 테마 아키텍처 버전을 사용하는지 확인해야 할 수 있습니다.

  • 앱 또는 앱 기능이 테마와 호환되는지 확인하려는 경우
  • 일부 테마 아키텍처 버전에서만 사용할 수 있는 기능 중 하나를 사용하려는 경우
  • 테마 모듈을 지원하는 테마에서만 사용할 수 있는 기능 중 하나를 사용하려는 경우
  • 특정 맞춤 설정 튜토리얼이 테마에 적용되는지 알고 싶은 경우

단계:

데스크톱
  1. Shopify 관리자에서 온라인 스토어 > 테마로 이동합니다.

  2. 편집하려는 테마를 찾은 다음 테마 편집을 클릭합니다.

  3. 제품 > 기본 제품을 선택합니다. 그러면 기본 제품 템플릿이 열립니다.

  4. 제품 템플릿 섹션 아래에 있는 사이드바를 검토합니다. 모든 페이지에서 섹션과 호환되는 테마를 사용하는 경우 섹션 목록 아래에 섹션 추가 버튼이 표시됩니다.

  5. 섹션 추가 버튼이 표시되지 않으면 빈티지 섹션형 테마 또는 빈티지 비섹션형 테마를 사용하고 있을 수 있습니다. 테마가 어떤 빈티지 아키텍처 버전을 사용하는지 알아보려면 빈티지 테마 아키텍처 버전 확인의 단계를 따르십시오.

모바일
  1. Shopify app에서 Menu 아이콘을 탭합니다.

  2. 판매 채널 섹션에서 온라인 스토어를 탭합니다.

  3. 테마 관리를 탭합니다.

  4. 편집하려는 테마를 찾은 다음 테마 편집을 탭합니다.

  5. 템플릿을 탭합니다.

  6. 제품 > 기본 제품을 선택합니다. 그러면 기본 제품 템플릿이 열립니다.

  7. 제품 템플릿 섹션 아래에 있는 사이드바를 검토합니다. 모든 페이지에서 섹션과 호환되는 테마를 사용하는 경우 섹션 목록 아래에 섹션 추가 버튼이 표시됩니다.

  8. 섹션 추가 버튼이 표시되지 않으면 빈티지 섹션형 테마 또는 빈티지 비섹션형 테마를 사용하고 있을 수 있습니다. 테마가 어떤 빈티지 아키텍처 버전을 사용하는지 알아보려면 빈티지 테마 아키텍처 버전 확인의 단계를 따르십시오.

모든 페이지의 섹션과 호환되는 테마를 사용하는 경우 제품 페이지에 섹션을 추가할 수 있습니다.

제한된 경우 테마의 일부에서만 특정 기능을 지원할 수 있습니다. 예를 들어 제품 템플릿에서는 섹션을 추가 및 제거할 수 있지만 컬렉션 템플릿에서는 그렇지 않을 수 있습니다. 일부 기능이 작동하려면 JSON 템플릿이 필요하기 때문입니다. 테마를 부분적으로 마이그레이션했거나 Shopify Theme Store 외부에서 테마를 구했고 테마 개발자가 모든 페이지에 JSON 템플릿을 포함하지 않은 경우에는 모든 페이지에 JSON 템플릿이 없을 수 있습니다.

빈티지 테마 아키텍처 버전 확인

빈티지 테마를 사용 중인 것을 확인한 후에는 섹션 구분된 테마 또는 섹션 구분되지 않은 테마 중 어떤 것을 사용하고 있는지도 알아봐야 합니다. 이를 통해 테마에 사용할 수 있는 맞춤 설정과 모든 테마 맞춤 설정 튜토리얼 내에서 따라야 할 단계를 파악하는 데 도움이 됩니다.

테마 편집기에서 테마 아키텍처 버전을 확인하는 한 가지 방법은 홈페이지의 레이아웃을 끌어서 놓기로 정렬할 수 있는지 확인하는 것입니다. 요소를 끌어서 놓을 수 있다면 섹션 구분된 테마를 사용하는 것입니다.

사용 중인 버전을 확실히 확인하려면 테마 코드 내의 섹션 폴더를 확인하십시오.

단계:

데스크톱
  1. Shopify 관리자에서 온라인 스토어 > 테마로 이동합니다.

  2. 편집할 테마를 찾아 Horizontal menu 버튼을 클릭하여 작업 메뉴를 연 다음 **코드 편집**을 클릭합니다.

  3. 사이드바에서 폴더 구조를 확인하십시오.

  • 섹션 디렉터리에 파일이 있으면 섹션 구분된 테마를 사용하고 있는 것입니다.
  • 섹션 디렉터리에 파일이 없으면 섹션 구분되지 않은 테마를 사용하고 있는 것입니다.
모바일
  1. Shopify app에서 Menu 아이콘을 탭합니다.

  2. 판매 채널 섹션에서 온라인 스토어를 탭합니다.

  3. 모든 테마 관리를 탭합니다.

  4. 편집할 테마를 찾아 Horizontal menu 버튼을 탭하여 작업 메뉴를 연 다음 **코드 편집**을 탭합니다.

  5. 사이드바에서 폴더 구조를 확인하십시오.

  • 섹션 디렉터리에 파일이 있으면 섹션 구분된 테마를 사용하고 있는 것입니다.
  • 섹션 디렉터리에 파일이 없으면 섹션 구분되지 않은 테마를 사용하고 있는 것입니다.