佈景主題架構版本與來源
佈景主題的架構版本與開發者來源,會決定您的網路商店可使用哪些功能與自訂,以及 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 中提供的同款佈景主題最新版本之間的關係。若要瞭解佈景主題版本之間的差異,請查看佈景主題更新的發行說明。

佈景主題架構版本的功能
佈景主題的架構版本決定該佈景主題整體可用的功能。特定功能是否可用,取決於您使用的佈景主題。
各佈景主題可用的具體設定會因佈景主題而異。請使用 the theme editor 檢視特定佈景主題可用的自訂選項。
若您想使用的功能不受目前佈景主題的架構版本支援,您可以改用 Shopify Theme Store 中支援這些功能的新佈景主題,並在取代目前佈景主題前先自訂。瞭解詳情:adding and switching themes。
| 功能 | 舊版 | OS 2.0 | 佈景主題區塊 |
|---|---|---|---|
| 首頁的區段 自訂網路商店首頁的內容。新增、重新排列或移除區段,打造頁面版面配置。 | ✔ | ✔ | ✔ |
| 每個頁面的區段 自訂網路商店大多數頁面的內容。新增、重新排列或移除區段與區塊,打造獨特的頁面版面配置。支援每頁皆有區段的佈景主題是以 JSON templates 建置。 | ✘ | ✔ | ✔ |
| 建立範本 在佈景主題編輯器中為佈景主題建立新範本。 | ✘ | ✔ | ✔ |
| 強化 app 支援 無須變更任何程式碼即可安裝或更換 app。使用 app blocks 與 app embeds,可在佈景主題中的任何位置加入 app 功能。 | ✘ | ✔ | ✔ |
| 使用動態來源提供更豐富的內容 將任何設定連結至 dynamic source,即可在佈景主題的任一設定中加入動態的專屬資訊。動態來源可以是資源屬性或中繼欄位值。 | ✘ | ✔ | ✔ |
| 商品系列篩選 允許顧客依供貨情況、價格等條件在商店中 filter 商品系列。 | ✘ | ✔ | ✔ |
| 搜尋預測 當您輸入時,搜尋預測會顯示建議的結果。 | ✘ | ✔ | ✔ |
| Planet app 在網路商店加入可自訂的 Planet 徽章與行銷素材,展現您對碳中和運送的承諾。 | ✘ | ✔ | ✔ |
| 佈景主題區塊 使用 theme blocks 為區段與區塊建立進階自訂。 | ✘ | ✘ | ✔ |
判斷佈景主題的架構版本
在下列情況,您可能需要確認佈景主題採用的架構版本:
- 您想判斷某個 app 或 app 功能是否與佈景主題相容。
- 您想使用僅部分佈景主題架構版本支援的功能。
- 您想使用僅支援佈景主題區塊的佈景主題才有的功能。
- 您想確認特定自訂教學課程是否適用於您的佈景主題。
步驟:
電腦版
在 Shopify 管理介面中,前往線上商店 > 佈景主題。
找出您要編輯的佈景主題,然後按一下編輯佈景主題。
選取商品 > 預設商品。系統會開啟預設商品範本。
在側邊欄中,查看商品範本區段的下方。若您的佈景主題支援每個頁面皆有區段,則在區段清單下方會顯示新增區段按鈕。
如果未顯示新增區段按鈕,則您的佈景主題可能是舊版具區段或舊版無區段的佈景主題。請依照 Determine your vintage theme architecture version 的步驟操作,以瞭解您的佈景主題使用的是哪種舊版架構。
行動裝置
在 Shopify app 中,點選
圖示。
在 銷售管道 區段中,點選 網路商店。
點選 管理佈景主題。
找到要編輯的佈景主題,然後點選 編輯佈景主題。
點選 範本。
選取商品 > 預設商品。系統會開啟預設商品範本。
在側邊欄中,查看商品範本區段的下方。若您的佈景主題支援每個頁面皆有區段,則在區段清單下方會顯示新增區段按鈕。
如果未顯示新增區段按鈕,則您的佈景主題可能是舊版具區段或舊版無區段的佈景主題。請依照 Determine your vintage theme architecture version 的步驟操作,以瞭解您的佈景主題使用的是哪種舊版架構。

在少數情況下,佈景主題的某些部分可能支援特定功能,而其他部分不支援。例如,您的 產品 範本可能支援新增與移除區段,但您的商品系列範本可能不支援。這是因為有些功能需要 JSON 範本 才能運作。如果您只進行了部分佈景主題移轉,或是從 Shopify Theme Store 以外的來源取得佈景主題,而佈景主題開發人員未為所有頁面提供 JSON 範本,則可能並非所有頁面都有 JSON 範本。
判斷您的舊版佈景主題架構版本
在確認您使用的是舊版佈景主題後,您也應瞭解自己使用的是 區段式 還是 非區段式 佈景主題。這有助於您瞭解可用的自訂項目,以及在任何佈景主題自訂教學課程中應遵循哪一組步驟。
在佈景主題編輯器中判斷佈景主題架構版本的一種方式,是檢查是否可以拖放來排列首頁的版面配置。若可以拖放元素,即表示您使用的是區段式佈景主題。
若要進一步確認您使用的版本,請在佈景主題原始碼中查看 Sections 資料夾。
步驟:
電腦版
在 Shopify 管理介面中,前往線上商店 > 佈景主題。
找到您要編輯的佈景主題,點擊
按鈕以開啟動作選單,然後點擊「編輯程式碼」。
檢查側邊欄的資料夾結構:
- 如果 Sections 目錄中有檔案,表示您使用的是區段式佈景主題。
- 如果 Sections 目錄中沒有任何檔案,表示您使用的是非區段式佈景主題。
行動裝置
在 Shopify app 中,點選
圖示。
在 銷售管道 區段中,點選 網路商店。
點選 管理所有佈景主題。
找到您要編輯的佈景主題,點選
按鈕以開啟動作選單,然後點選「編輯程式碼」。
檢查側邊欄的資料夾結構:
- 如果 Sections 目錄中有檔案,表示您使用的是區段式佈景主題。
- 如果 Sections 目錄中沒有任何檔案,表示您使用的是非區段式佈景主題。