테마 아키텍처 버전

2021년 7월에 Shopify는 Online Store 2.0이라는 새로운 테마 아키텍처를 출시했습니다. 이전 아키텍처를 사용하는 테마를 빈티지 테마라고 합니다. 빈티지 테마의 유형은 두 가지이며, 섹션 포함 테마와 섹션 미포함 테마가 있습니다. 테마 아키텍처 버전은 테마를 구성하는 파일 유형, 테마를 사용자 지정할 수 있는 방법, 앱이 테마와 통합할 수 있는 방법을 결정합니다. 테마 아키텍처 버전에서는 새로운 Shopify 기능에도 액세스할 수 있습니다.

Shopify에서는 Dawn이라는 하나의 무료 Online Store 2.0 테마를 제공합니다. Dawn에 대해 자세히 알아봅니다.

Online Store 2.0 업그레이드는 필수 요구 사항이 아닙니다. 비즈니스 요구 사항에 적합하다면 기존 테마를 계속 사용하실 수 있습니다.

Online Store 2.0 기능과 빈티지 테마 기능

<table>
<caption>Compare theme features</caption>
  <thead>
    <tr>
      <th style="width:70%;">Feature</th>
      <th style="width:15%;">Vintage</th>
      <th style="width:15%;">OS 2.0</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <td scope="row"><strong>Sections on the home page</strong><BR>
    Customize the content on your online store's home page. Add, rearrange, or remove sections to create your page layout.</td>
    <td style='color: #7ab55c'>✓</td>
    <td style='color: #7ab55c'>✓</td>
  </tr>
  <tr>
    <td scope="row"><strong>Sections on every page</strong><BR>
    Customize the content on most of your online store's pages. Add, rearrange, or remove sections and blocks to create unique page layouts.</td>
    <td style='color: #7ab55c'>-</td>
    <td style='color: #7ab55c'>✓</td>
  </tr>
  <tr>
    <td scope="row"><strong>Enhanced app support</strong><BR>
    Install or change apps without touching any code. Add app functionality anywhere in your theme using <a href="/manual/online-store/themes/extend/apps#app-blocks">app blocks</a>.</td>
    <td style='color: #7ab55c'>-</td>
    <td style='color: #7ab55c'>✓</td>
  </tr>
  <tr>
    <td scope="row"><strong>Richer content using dynamic sources</strong><BR>
     Add dynamic, specialized information to any setting in your theme by connecting the setting to a <a href="/manual/online-store/themes/os20/theme-structure/sections#metafields-and-dynamic-sources">dynamic source</a>. A dynamic source can be a resource attribute or a metafield value.</td>
    <td style='color: #7ab55c'>-</td>
    <td style='color: #7ab55c'>✓</td>
  </tr>
  <tr>
    <td scope="row"><strong>Collection filtering</strong><BR>
     Allow customers to <a href="/manual/online-store/themes/os20/customize/filters">filter</a> collections in your store by availability, price, and more.</td>
    <td style='color: #7ab55c'>-</td>
    <td style='color: #7ab55c'>✓</td>
  </tr>
  </tbody>
</table>

테마 아키텍처 버전 결정

다음과 같은 경우 테마가 사용 중인 테마 아키텍처 버전을 파악하는 것이 좋습니다.

  • 앱 또는 앱 기능이 테마와 호환되는지 확인하려는 경우
  • Online Store 2.0 테마에서만 사용할 수 있는 기능 중 하나를 사용하려는 경우
  • 특정 사용자 지정 튜토리얼이 테마에 적용되는지 확인하려는 경우

테마 아키텍처 버전은 테마 라이브러리의 각 테마에 따라 다릅니다. 테마 라이브러리에 Online Store 2.0 테마와 빈티지 테마가 동시에 있을 수 있습니다.

단계:

  1. 제품 > 기본 제품을 선택합니다. 이렇게 하면 기본 제품 템플릿이 열립니다. 3. 제품 템플릿 섹션 아래의 사이드 바를 확인합니다. Online Store 2.0 테마가 있는 경우 섹션 추가 버튼이 섹션 목록 아래에 표시됩니다. 4. 섹션 추가 버튼이 표시되지 않는 경우 빈티지 섹션 포함 테마 또는 미포함 테마를 사용 중일 수 있습니다. 테마에서 사용 중인 빈티지 아키텍처 버전을 확인하려면 빈티지 테마 아키텍처 버전 결정의 단계를 따르십시오.

Online Store 2.0 테마를 사용하는 경우 제품 페이지에 섹션을 추가할 수 있습니다.

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

빈티지 테마 사용 중임을 확인한 후에는 섹션 포함 또는 섹션 구분되지 않은 테마인지 알아야 합니다. 이는 어떤 사용자 지정이 테마에 사용 가능한지 파악하고 테마 사용자 지정 튜토리얼 내 어떤 단계를 따라야 하는지 파악하는 데 도움이 됩니다.

테마 편집기에서 확인하는 방법은 끌어서 놓기 방식으로 홈페이지의 레이아웃을 정리할 수 있는지 확인하는 것입니다. 요소를 끌어서 놓을 수 있는 경우 섹션 포함 테마를 사용 중인 것입니다.

사용 중인 버전을 확인하려면 테마 코드 내 섹션 폴더를 확인합니다.

단계:

  1. 사이드바에서 폴더 구조를 확인합니다. - 섹션 디렉토리에 파일이 있는 경우 섹션 구분된 테마를 사용 중입니다.
    • 섹션 디렉토리에 파일이 없는 경우 섹션 구분되지 않은 테마를 사용 중입니다.

테마 버전에 대해 자세히 알아보기

테마 버전을 결정한 후 적용되는 문서 및 사용자 지정 가이드를 탐색할 수 있습니다.

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

무료 체험