範本

此頁面列印時間為 Jan 29, 2022。如須最新版本，請至 https://help.shopify.com/zh-TW/manual/online-store/themes/theme-structure/templates。

範本是一系列區段，這些區段經過配置後可提供網路商店一致的外觀和風格。範本中可用的區段依您的佈景主題而定。在佈景主題編輯器中，您會發現哪些範本套用於哪些頁面，接著可以編輯範本以自訂向顧客顯示的資訊。

編輯範本會將變更套用至使用該頁面範本的每個頁面。舉例來說，如果您將訂閱電子報表單新增至一個商品系列範本，則所有使用預設商品系列範本的商品系列頁面就會顯示訂閱電子報表單。

編輯範本

您可以編輯範本，以在網路商店中新增區段。部分區段可讓您新增可進一步自訂的區塊，但並非所有區段或區塊都有可編輯的設定或內容。編輯範本時，變更會即時顯示在佈景主題預覽視窗中。

步驟：

  1. 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 開啟頁面頂端的下拉式選單。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 點選「範本」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 點選「範本」。
  1. 從下拉式選單中選取欲編輯的範本。
  2. 點擊「+ 新增區段」，然後為您的範本選取新區段。
  3. 點擊新區段以查看其設定和選項。
  4. 變更區段或其中的區塊。
  5. 若您滿意該區段，請點擊「儲存」。

建立新範本

部分範本類型可讓您使用商店中的資源顯示多個頁面。這些範本類型包含：

  • 商品系列
  • 產品
  • 部落格
  • 部落格文章
  • 頁面

所有佈景主題都包含每種類型的預設範本。若您未明確設定替代範本，此預設範本就是資源所使用的內容。

對範本進行的任何變更都會影響使用該範本的所有頁面。如果您想要以不同方式顯示某類型的頁面，則可以根據佈景主題中已存在的範本建立新範本。從現有範本建立新範本後，系統會自動填入新範本中相同的區段，然後您可以視需求進行編輯以移除、新增或隱藏區段，且不會影響該類型其他範本的顯示方式。

步驟：

  1. 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 開啟頁面頂端的下拉式選單。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 點選「範本」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 點選「範本」。
  1. 使用下拉式選單選取範本。點擊「+ 建立範本」。
  2. 為範本指定不重複名稱。
  3. 使用下拉式選單，選取您希望以哪個現有範本作為新範本的基礎。
  4. 按一下「建立範本」。

範本預覽

範本預覽讓您瞭解在儲存或發佈範本時，範本會如何向顧客顯示不同的資源。您可以使用範本預覽來預覽頁面或產品在套用不同範本時的顯示方式。

範本會以頁面或產品層級進行指派。您可以在佈景主題編輯器中建立和編輯範本，但須在 Shopify 管理介面中變更頁面或產品的指派範本。您可以為頁面和產品指派多個範本。

預覽替代範本

您可以預覽頁面或產品在套用不同範本時的顯示方式。

步驟：

  1. 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 開啟頁面頂端的下拉式選單。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 點選「範本」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 點選「範本」。
  1. 使用下拉式選單選取範本。
  2. 在側邊欄中，點擊「變更」。
  3. 選取您希望使用所選範本預覽的產品或頁面。

套用新範本

您可以為下列選項變更指派的範本：

  • 頁面
  • 產品
  • 商品系列
  • 部落格
  • 部落格文章

變更指派的範本須在 Shopify 管理介面中完成。範本可以以各別品項層級進行指派，或透過大量操作指派給多個品項。此操作須在佈景主題編輯器之外完成。

步驟：

  1. 從 Shopify 管理介面中，前往「線上商店 > 頁面」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「頁面」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「頁面」。
  1. 點擊商店頁面的標題。
  2. 在「網路商店」區段中，使用下拉式選單選取欲套用至所選頁面的新佈景主題範本。
  3. 點擊「儲存」。

將新範本套用至產品

  1. 在 Shopify 管理介面中，前往「產品」 > 「所有產品」。

  2. 使用搜尋篩選條件找出欲變更的產品，或從現有的產品清單中點擊產品。

  3. 在「網路商店」區段中，使用下拉式選單選取欲套用至所選產品的新佈景主題範本。

  4. 點擊「儲存」。

將新範本套用至商品系列

  1. 在 Shopify 管理介面中，前往「產品」>「商品系列」。
  2. 使用搜尋篩選條件找出欲變更的商品系列，或從現有商品系列清單中點擊該商品系列。
  3. 在「網路商店」區段中，使用下拉式選單選取欲套用至所選商品系列的新佈景主題範本。
  4. 點擊「儲存」。

將新範本套用至網誌文章

  1. 從 Shopify 管理介面中，前往「線上商店 > 部落格貼文」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「部落格貼文」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「部落格貼文」。
  1. 使用搜尋篩選條件找出欲變更的網誌文章，或從現有的網誌文章清單中點擊產品。
  2. 在「網路商店」區段中，使用下拉式選單選取欲套用至所選網誌文章的新佈景主題範本。
  3. 點擊「儲存」。

將新範本套用至網誌

  1. 從 Shopify 管理介面中，前往「線上商店 > 部落格貼文」。
  2. 按一下「管理 」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「部落格貼文」。
  4. 點一下「部落格貼文」旁的 ... 按鈕，然後選擇「管理 」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「部落格貼文」。
  4. 點一下「部落格貼文」旁的 ⋮ 按鈕，然後選擇「管理 」。
  1. 使用搜尋篩選條件找出欲變更的網誌，或從現有的網誌清單中點擊產品。
  2. 在「網路商店」區段中，使用下拉式選單選取欲套用至所選網誌的新佈景主題範本。
  3. 點擊「儲存」。

對大量範本進行變更

您可以使用大量編輯器一次將新範本套用至多個頁面、產品、商品系列或網誌文章。

大量編輯產品或商品系列

  1. 在 Shopify 管理介面中，前往「產品」，並點擊「所有產品」或「商品系列」。
  2. 使用搜尋篩選條件找出欲變更的產品或商品系列。

  3. 若要同時更新多個產品或商品系列，請使用下列快速鍵：

    • 若要同時選取並編輯多個產品或商品系列，請點擊欲編輯品項的核取方塊。
    • 若要選取一連串的產品或商品系列，請點擊一個核取方塊，然後按住「Shift」鍵，再點擊其他產品或商品系列的核取方塊。
    • 若要選取多個連續的產品或商品系列，請點擊選取一個品項，然後按住「Shift」鍵，再點擊另一個品項的核取方塊。

  4. 點擊「編輯產品」或「編輯商品系列」。

  5. 在大量編輯器中，點擊「新增欄位」下拉式選單，然後選取「一般」>「範本」。

  6. 點擊第一行的範本欄位，然後按住「Shift」鍵，再點擊最後一行的範本欄位。所選取的品項周圍會出現一個狹長方塊。

  7. 使用下拉式選單為所選的品項選擇新範本。

  8. 點擊「儲存」。

大量編輯頁面或網誌文章

  1. 在 Shopify 管理介面中，前往「網路商店」，然後點擊「頁面」或「網誌文章」。
  2. 使用搜尋篩選條件找出欲變更的頁面或網誌文章。

  3. 若要同時更新多個頁面或網誌文章，請使用下列快速鍵：

    • 若要同時選取並編輯多個頁面或網誌文章，請點擊欲編輯項目的核取方塊。
    • 若要選取一連串的頁面或網誌文章，請點擊一個核取方塊，然後按住「Shift」鍵，再點擊其他頁面或網誌文章的核取方塊。
    • 若要選取多個連續的頁面或網誌文章，請點擊選取一個項目，然後按住「Shift」鍵，再點擊另一個項目的核取方塊。

  4. 點擊「編輯頁面」或「編輯網誌文章」。

  5. 在大量編輯器中，點擊「新增欄位」下拉式選單，然後選取「一般」>「範本」。

  6. 點擊第一行的範本欄位，然後按住「Shift」鍵，再點擊最後一行的範本欄位。所選取的品項周圍會出現一個狹長方塊。

  7. 使用下拉式選單為所選的品項選擇新範本。

  8. 點擊「儲存」。

大量編輯網誌

  1. 從 Shopify 管理介面中，前往「線上商店 > 部落格貼文」。
  2. 按一下「管理 」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「部落格貼文」。
  4. 點一下「部落格貼文」旁的 ... 按鈕，然後選擇「管理 」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「部落格貼文」。
  4. 點一下「部落格貼文」旁的 ⋮ 按鈕，然後選擇「管理 」。

  1. 若要同時更新多個網誌，請使用下列快速鍵：

    • 若要同時選取並編輯多則網誌，請點擊欲編輯項目的核取方塊。
    • 若要選取一系列網誌，請點擊核取方塊，然後按住 Shift 鍵，再點擊另一個網誌核取方塊。
    • 若要選取多則連續的網誌，請點擊選取一個項目，然後按住「Shift」鍵，再點擊另一個項目的核取方塊。

  2. 點擊「編輯網誌」。

  3. 在大量編輯器中，點擊「新增欄位」下拉式選單，然後選取「一般」>「範本」。

  4. 點擊第一行的範本欄位，然後按住「Shift」鍵，再點擊最後一行的範本欄位。所選取的品項周圍會出現一個狹長方塊。

  5. 使用下拉式選單為所選的品項選擇新範本。

  6. 點擊「儲存」。

範本常見問題

如何刪除範本？

若要刪除範本，您必須使用程式碼編輯器。

步驟：

  1. 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
  2. 找到欲刪除範本的佈景主題，然後點擊「動作」>「編輯程式碼」。
  3. 在程式碼編輯器中，找到範本資料夾。點擊欲刪除的範本名稱，然後點擊「刪除檔案」。如果您已為此範本指派資源，他們會以預設範本顯示，直到您指派其他範本。

如何變更範本名稱？

範本建立後，即無法變更其名稱。如範本欲使用新的名稱，可以根據舊範本建立新範本，然後指定所需的名稱，再刪除舊範本。

準備好開始透過 Shopify 銷售商品了嗎？

免費試用