區段和區塊
您可以在佈景主題中使用區段，建立您想要的網路商店版面配置。大多數區段是由具有特定功能的區塊所組成，例如文字、按鈕、單張圖片、圖片拼貼或連結。在範本中使用區段和區塊，您可以靈活排列內容，且無需編輯程式碼即可控制網路商店的風格和樣式。每個範本最多包含 25 個區段。
每個區段都有多種特定的區塊可供新增。每個區段最多可新增 50 個區塊。可用的區段和區塊會依您的佈景主題而定。如需更多可用選項的相關資訊，請參閱佈景主題說明文件。
部分區段會限制可新增的區塊數量，或限制特定類型的區塊數量。例如，「附文字圖像」區段只會顯示佈景主題設計師為佈景主題設定的區塊。在免費的 Shopify 佈景主題 Dawn 中，您只能在「附文字圖像」區段中新增各一個下列區塊：
- 標題區塊
- 文字區塊
- 按鈕區塊
- 說明區塊
您可以使用下列選項進一步自訂「附文字圖像」區段：
- 新增圖片並設定大小
- 為圖片選取動畫樣式
- 選擇區塊內容的對齊方式
- 設定區段的顏色配置
如果可新增的區塊數量達到上限，則佈景主題編輯器中的「新增區塊」選項會顯示為灰色，讓您無法進行點按或點選。例如，在 Dawn 佈景主題的「附文字圖像」區段中，如果已新增「標題」區塊、「文字」區塊、「按鈕」區塊和「說明」區塊，則接著會顯示「新增區塊 (4/4)」，因為您已新增「附文字圖像」區段中可用的全部 4 個區塊。
如果您新增至商店版面配置的區段不包含所需的設定或選項，則可以編輯佈景主題程式碼，或聯絡佈景主題開發人員以尋求支援。
使用區段和區塊自訂佈景主題範本
開啟佈景主題編輯器時，系統預設會載入商店的首頁。您可以使用下拉式選單來選取其他範本，例如商品、商品系列、頁面或網誌，或使用範本下拉式選單中的搜尋列來搜尋特定範本。選取範本後，系統將載入佈景主題編輯器，您可以在編輯器中預覽您做的任何變更。
新增區段
新增區段至網路商店的任何頁面。
步驟：
電腦版
iPhone
- 在 Shopify 應用程式中，點選「…」按鈕。
- 在銷售管道畫面上，點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自 訂」。
- 自訂首頁，或點選「首頁」下拉式選單，然後選取您要新增區段的範本。
-
依序點選「區段」和「新增區塊」，然後執行下列其中一個步驟：
- 從清單中選取一個區段，然後點選「新增」。
- 點選放大鏡圖示以搜尋特定區段，選取區段後點選「新增」。
-
執行下列步驟來自訂新區段：
- 編輯新區段的設定和內容。
- 編輯隨區段載入的預設區塊設定和內容。
- 點選「新增區塊」以加入新區塊。
選用：若要重新排列頁面上的區段順序，請點選並拖曳區段。
點選「儲存」。
Android
- 在 Shopify 應用程式中，點選「☰」按鈕。
- 在銷售管道畫面上，點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 自訂首頁，或點選「首頁」下拉式選單，然後選取您要新增區段的範本。
-
依序點選「區段」和「新增區塊」，然後執行下列其中一個步驟：
- 從清單中選取一個區段，然後點選「新增」。
- 點選放大鏡圖示以搜尋特定區段，選取區段後點選「新增」。
-
執行下列步驟來自訂新區段：
- 編輯新區段的設定和內容。
- 編輯隨區段載入的預設區塊設定和內容。
- 點選「新增區塊」以加入新區塊。
選用：若要重新排列頁面上的區段順序，請點選並拖曳區段。
點選「✓」。
編輯區段
電腦版
- 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題，然後點擊「自訂」。
- 編輯首頁上的區段，或點按「首頁」下拉式選單，然後選取包含欲編輯區段的範本。
- 點按側邊欄中的區段名稱，即可將內容載入預覽視窗，並取得可供您編輯的設定和選項。
- 選用：點按個別區塊以編輯區段內的區塊。
- 點擊「儲存」。
iPhone
- 在 Shopify 應用程式中，點選「…」按鈕。
- 在銷售管道畫面上，點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 編輯首頁上的區段，或點選「首頁」下拉式選單，然後選取包含欲編輯區段的範本。
- 點選「區段」，然後點選區段名稱將內容載入預覽視窗，取得可供您編輯的設定和選項。
- 選用：點選個別區塊以編輯區段內的區塊。
- 點選「儲存」。
Android
- 在 Shopify 應用程式中，點選「☰」按鈕。
- 在銷售管道畫面上，點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 編輯首頁上的區段，或點選「首頁」下拉式選單，然後選取包含欲編輯區段的範本。
- 點選「區段」，然後點選區段名稱將內容載入預覽視窗，取得可供您編輯的設定和選項。
- 選用：點選個別區塊以編輯區段內的區塊。
- 點選「✓」。
複製區段或區塊
電腦版
- 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題，然後點擊「自訂」。
- 複製首頁上的區段或區塊，或點按「首頁」下拉式選單，然後選取包含欲複製區段或區塊的範本。
- 點按要複製的區段或區塊。
- 在側邊欄中，點按「…」>「複製」。
- 點擊「儲存」。
iPhone
- 在 Shopify 應用程式中，點選「…」按鈕。
- 在銷售管道畫面上，點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 複製首頁上的區段或區塊，或點選「首頁」下拉式選單，然後選取包含欲複製區段或區塊的範本。
- 點選「區段」，然後點選要複製的區段或區塊。
- 點選「...」>「複製」。
- 點選「儲存」。
Android
- 在 Shopify 應用程式中，點選「☰」按鈕。
- 在銷售管道畫面上，點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 複製首頁上的區段或區塊，或點選「首頁」下拉式選單，然後選取包含欲複製區段或區塊的範本。
- 點選「區段」，然後點選要複製的區段或區塊。
- 點選「...」>「複製」。
- 點選「✓」。
隱藏或刪除區段或區塊
電腦版
- 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題，然後點擊「自訂」。
- 隱藏或刪除首頁上的區段或區塊，或點按「首頁」下拉式選單，然後選取包含欲隱藏或刪除區段或區塊的範本。
- 選用：若要從網路商店隱藏區段或區塊，請將滑鼠游標移至區段或區塊名稱上方，然後點按眼睛圖示。
- 選用：若要從網路商店刪除區段或區塊，請將滑鼠游標移至區段或區塊名稱上方，然後點按垃圾桶圖示。
- 點擊「儲存」。
iPhone
- 在 Shopify 應用程式中，點選「…」按鈕。
- 在銷售管道畫面上，點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 隱藏或刪除首頁上的區段或區塊，或點選「首頁」下拉式選單，然後選取包含欲隱藏或刪除區段或區塊的範本。
- 點選「區段」，然後點選要隱藏或刪除的區段或區塊。
- 選用：若要隱藏網路商店的區段或區塊，請點選「…」>「隱藏」。
- 選用：若要刪除網路商店的區段或區塊，請點選「…」>「移除」。
- 點選「儲存」。
Android
- 在 Shopify 應用程式中，點選「☰」按鈕。
- 在銷售管道畫面上，點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 隱藏或刪除首頁上的區段或區塊，或點選「首頁」下拉式選單，然後選取包含欲隱藏或刪除區段或區塊的範本。
- 點選「區段」，然後點選要隱藏或刪除的區段或區塊。
- 選用：若要隱藏網路商店的區段或區塊，請點選「…」>「隱藏」。
- 選用：若要刪除網路商店的區段或區塊，請點選「…」>「移除」。
- 點選「✓」。
使用區塊
區塊是可自訂的模組，用於在範本的區段中新增內容。您可以使用區塊來新增文字、圖片、連結、按鈕等內容。
Shopify 佈景主題包含可自訂的區段和區塊。部分區段具有固定區塊類型，這表示您僅能選擇佈景主題設計師為該區段製作的區塊。
其他區段允許您選取任何區塊，但可新增至區段 的區塊總數有一定限制。如果您的區段達到可用區塊數量上限，則「新增區塊」選項會顯示為灰色，讓您無法點按或點選。
新增區塊
電腦版
- 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題，然後點擊「自訂」。
- 您可以在首頁的區段新增區塊，或點按「首頁」下拉式選單，然後選取您要新增區塊的範本。
-
找出要新增區塊的區段並點按「新增區塊」，然後執行下列其中一個步驟：
- 從清單中選取一個區塊。
- 使用「搜尋區塊」欄位來尋找特定區塊，然後選取該區塊。
點擊「儲存」。
iPhone
- 在 Shopify 應用程式中，點選「…」按鈕。
- 在銷售管道畫面上，點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 您可以在首頁的區段新增區塊，或點選「首頁」下拉式選單，然後選取您要新增區塊的範本。
-
點選「區段」，然後在要新增區塊的區段中點選「新增區塊」，接著執行下列其中一個步驟：
- 從清單中選取一個區塊。
- 點選放大鏡圖示以搜尋特定區塊，然後選取該區塊。
點選「儲存」。
Android
- 在 Shopify 應用程式中，點選「☰」按鈕。
- 在銷售管道畫面上，點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 您可以在首頁的區段新增區塊，或點選「首頁」下拉式選單，然後選取您要新增區塊的範本。
-
點選「區段」，然後在要新增區塊的區段中點選「新增區塊」，接著執行下列其中一個步驟：
- 從清單中選取一個區塊。
- 點選放大鏡圖示以搜尋特定區塊，然後選取該區塊。
點選「✓」。
將中繼欄位及 metaobject 與動態來源搭配使用
中繼欄位和 metaobject 可讓您顯示網路商店的動態資訊。如果您的佈景主題支援中繼欄位，則可以使用佈景主題編輯器將中繼欄位連結至區段或區塊。
例如，蠟燭賣家可能想要顯示每種可供貨蠟燭類型的燃燒時間。設定燃燒時間的產品中繼欄位後，賣家可以在其產品範本中為燃燒時間新增一個區塊，然後再將其連結至該中繼欄位。在列出燃燒時間的頁面設定商品系列中繼欄位後，賣家可以在其商品系列範本中新增一個區塊，然後將其連結至商品系列中繼欄位。
只要新增可使用動態來源的區段或區塊，便能在網路商店中顯示動態資訊。動態來源可用於顯示相容資源 (商品、商品系列、頁面、網誌和網誌文 章) 的任何範本、區段或區塊。您必須先新增中繼欄位，才能在範本中連結中繼欄位。請參閱動態來源，以深入瞭解如何在佈景主題中透過動態來源使用中繼欄位和 metaobject。
完成設定流程後，請依照下列步驟使用「連結動態來源」按鈕，將動態來源連結至佈景主題中的區段或區塊。
步驟：
電腦版
iPhone
- 在 Shopify 應用程式中，點選「…」按鈕。
- 在銷售管道畫面上，點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 編輯首頁上的區段或區塊，或點選「首頁」下拉式選單，然後選取包含欲編輯區段或區塊的範本。
- 點選「區段」，然後點選區段或區塊名稱將內容載入預覽視窗，取得可供您編輯的設定和選項。
- 在您要編輯的相關內容類型中點選「連結動態來源」按鈕，然後連結您的動態來源。
- 點選「儲存」。
Android
- 在 Shopify 應用程式中，點選「☰」按鈕。
- 在銷售管道畫面上，點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 編輯首頁上的區段或區塊，或點選「首頁」下拉式選單，然後選取包含欲編輯區段或區塊的範本。
- 點選「區段」，然後點選區段或區塊名 稱將內容載入預覽視窗，取得可供您編輯的設定和選項。
- 在您要編輯的相關內容類型中點選「連結動態來源」按鈕，然後連結您的動態來源。
- 點選「✓」。
動態來源選擇器
您可以使用動態來源選擇器，直接在佈景主題編輯器中連結正確的動態來源。檢視下列動態來源選擇器的主要功能：