佈景主題架構版本

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 銷售商品了嗎?

免費試用