佈景主題架構版本與來源

佈景主題的架構版本與開發者來源,會決定您的網路商店可使用哪些功能與自訂,以及 where to find support for your theme

您可在 the theme editor 中查看佈景主題的開發者與版本。

佈景主題來源

您可新增到商店的所有佈景主題,都是由 Shopify 或第三方開發者開發。佈景主題可能來自下列來源之一:

  • Shopify Theme Store 中,您可以取得 Shopify 提供的免費佈景主題,以及第三方佈景主題開發者提供的付費佈景主題。
  • 與 Shopify 相容的佈景主題也可能來自 Theme Store 以外的來源,其中包括自訂打造的佈景主題,以及不受支援的第三方網站提供的佈景主題。我們強烈建議您不要從 Shopify Theme Store 以外的任何網站安裝佈景主題。來自 Theme Store 以外的佈景主題並未通過 Shopify 核心功能的品質或相容性審核,可能會導致您的網路商店出現非預期的行為。

佈景主題架構版本

佈景主題的架構版本會決定該佈景主題可使用哪些功能。所謂佈景主題架構,是指佈景主題中檔案的 theme's structure。由 Shopify 製作的所有佈景主題,以及 Shopify Theme Store 中所有第三方付費佈景主題,都屬於下列其中一種架構:

  • 舊版佈景主題使用原始的佈景主題架構。舊版佈景主題可能是具區段無區段。Theme Store 不提供舊版佈景主題。Shopify 的免費舊版佈景主題除安全性修補外不再更新。
  • Online Store 2.0 佈景主題支援所有頁面的區段,以及動態來源。
  • 支援 theme blocks 的佈景主題 (包含 Horizon family of themes),屬於最新的佈景主題架構版本。這些佈景主題不僅支援 Online Store 2.0 佈景主題提供的所有功能,也支援運用佈景主題區塊進行進階自訂。

佈景主題的架構版本會因草稿佈景主題中的每個佈景主題而異。您的草稿佈景主題中可能同時包含不同架構版本的佈景主題。

佈景主題版本號碼

所有佈景主題都有版本號碼 (例如 1.0),顯示於您的「佈景主題庫」中。佈景主題的版本號碼描述了該佈景主題與 Theme Store 中提供的同款佈景主題最新版本之間的關係。若要瞭解佈景主題版本之間的差異,請查看佈景主題更新的發行說明。

顯示可更新 Dawn 佈景主題的範例網路商店

佈景主題架構版本的功能

佈景主題的架構版本決定該佈景主題整體可用的功能。特定功能是否可用,取決於您使用的佈景主題。

各佈景主題可用的具體設定會因佈景主題而異。請使用 the theme editor 檢視特定佈景主題可用的自訂選項。

若您想使用的功能不受目前佈景主題的架構版本支援,您可以改用 Shopify Theme Store 中支援這些功能的新佈景主題,並在取代目前佈景主題前先自訂。瞭解詳情:adding and switching themes

比較佈景主題功能
功能舊版OS 2.0佈景主題區塊
首頁的區段
自訂網路商店首頁的內容。新增、重新排列或移除區段,打造頁面版面配置。
每個頁面的區段
自訂網路商店大多數頁面的內容。新增、重新排列或移除區段與區塊,打造獨特的頁面版面配置。支援每頁皆有區段的佈景主題是以 JSON templates 建置。
建立範本
在佈景主題編輯器中為佈景主題建立新範本。
強化 app 支援
無須變更任何程式碼即可安裝或更換 app。使用 app blocksapp embeds,可在佈景主題中的任何位置加入 app 功能。
使用動態來源提供更豐富的內容
將任何設定連結至 dynamic source,即可在佈景主題的任一設定中加入動態的專屬資訊。動態來源可以是資源屬性或中繼欄位值。
商品系列篩選
允許顧客依供貨情況、價格等條件在商店中 filter 商品系列。
搜尋預測
當您輸入時,搜尋預測會顯示建議的結果。
Planet app
在網路商店加入可自訂的 Planet 徽章與行銷素材,展現您對碳中和運送的承諾。
佈景主題區塊
使用 theme blocks 為區段與區塊建立進階自訂。

判斷佈景主題的架構版本

在下列情況,您可能需要確認佈景主題採用的架構版本:

  • 您想判斷某個 app 或 app 功能是否與佈景主題相容。
  • 您想使用僅部分佈景主題架構版本支援的功能。
  • 您想使用僅支援佈景主題區塊的佈景主題才有的功能。
  • 您想確認特定自訂教學課程是否適用於您的佈景主題。

步驟:

電腦版
  1. 在 Shopify 管理介面中,前往線上商店 > 佈景主題

  2. 找出您要編輯的佈景主題,然後按一下編輯佈景主題

  3. 選取商品 > 預設商品。系統會開啟預設商品範本。

  4. 在側邊欄中,查看商品範本區段的下方。若您的佈景主題支援每個頁面皆有區段,則在區段清單下方會顯示新增區段按鈕。

  5. 如果未顯示新增區段按鈕,則您的佈景主題可能是舊版具區段或舊版無區段的佈景主題。請依照 Determine your vintage theme architecture version 的步驟操作,以瞭解您的佈景主題使用的是哪種舊版架構。

行動裝置
  1. Shopify app 中,點選 選單 圖示。

  2. 銷售管道 區段中,點選 網路商店

  3. 點選 管理佈景主題

  4. 找到要編輯的佈景主題,然後點選 編輯佈景主題

  5. 點選 範本

  6. 選取商品 > 預設商品。系統會開啟預設商品範本。

  7. 在側邊欄中,查看商品範本區段的下方。若您的佈景主題支援每個頁面皆有區段,則在區段清單下方會顯示新增區段按鈕。

  8. 如果未顯示新增區段按鈕,則您的佈景主題可能是舊版具區段或舊版無區段的佈景主題。請依照 Determine your vintage theme architecture version 的步驟操作,以瞭解您的佈景主題使用的是哪種舊版架構。

若您使用的佈景主題支援在每個頁面上新增區段的功能,便可新增區段至商品頁面。

在少數情況下,佈景主題的某些部分可能支援特定功能,而其他部分不支援。例如,您的 產品 範本可能支援新增與移除區段,但您的商品系列範本可能不支援。這是因為有些功能需要 JSON 範本 才能運作。如果您只進行了部分佈景主題移轉,或是從 Shopify Theme Store 以外的來源取得佈景主題,而佈景主題開發人員未為所有頁面提供 JSON 範本,則可能並非所有頁面都有 JSON 範本。

判斷您的舊版佈景主題架構版本

在確認您使用的是舊版佈景主題後,您也應瞭解自己使用的是 區段式 還是 非區段式 佈景主題。這有助於您瞭解可用的自訂項目,以及在任何佈景主題自訂教學課程中應遵循哪一組步驟。

在佈景主題編輯器中判斷佈景主題架構版本的一種方式,是檢查是否可以拖放來排列首頁的版面配置。若可以拖放元素,即表示您使用的是區段式佈景主題。

若要進一步確認您使用的版本,請在佈景主題原始碼中查看 Sections 資料夾。

步驟:

電腦版
  1. 在 Shopify 管理介面中,前往線上商店 > 佈景主題

  2. 找到您要編輯的佈景主題,點擊 Horizontal menu 按鈕以開啟動作選單,然後點擊「編輯程式碼」。

  3. 檢查側邊欄的資料夾結構:

  • 如果 Sections 目錄中有檔案,表示您使用的是區段式佈景主題。
  • 如果 Sections 目錄中沒有任何檔案,表示您使用的是非區段式佈景主題。
行動裝置
  1. Shopify app 中,點選 選單 圖示。

  2. 銷售管道 區段中,點選 網路商店

  3. 點選 管理所有佈景主題

  4. 找到您要編輯的佈景主題,點選 Horizontal menu 按鈕以開啟動作選單,然後點選「編輯程式碼」。

  5. 檢查側邊欄的資料夾結構:

  • 如果 Sections 目錄中有檔案,表示您使用的是區段式佈景主題。
  • 如果 Sections 目錄中沒有任何檔案,表示您使用的是非區段式佈景主題。