範本

範本是一組經過設定的區段,用於為網路商店提供一致的設計和風格。範本中的可用區段是根據佈景主題而定。在佈景主題編輯器中,您會發現哪些範本可套用於哪些頁面,接著編輯範本以自訂向顧客顯示的資訊。

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

編輯範本

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

步驟:

電腦版
  1. 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題,然後點擊「自訂」。
  3. 點按「首頁」下拉式選單,然後選取要編輯的範本。
  4. 若要為範本新增區段,請點按「新增區段」,然後為範本選取新區段。
  5. 選用:若要在新區段中加入區塊,請點按「新增區塊」,然後選取要加入區段的新區塊。
  6. 點按新區段和區塊以檢視設定和選項,然後進行變更。
  7. 點擊「儲存」。
iPhone
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題,然後點選「自訂」。
  5. 點選「首頁」下拉式選單,然後選取要編輯的範本。
  6. 若要為範本新增區段,請點選「區段」>「新增區段」,接著為範本選取一個新區段,然後點選「新增」。
  7. 選用:若要在新區段中加入區塊,請點選「新增區塊」,然後選取要加入區段的新區塊。
  8. 點選新區段和區塊以檢視設定和選項,然後進行變更。
  9. 點選「儲存」。
Android
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題,然後點選「自訂」。
  5. 點選「首頁」下拉式選單,然後選取要編輯的範本。
  6. 若要為範本新增區段,請點選「區段」>「新增區段」,接著為範本選取一個新區段,然後點選「新增」。
  7. 選用:若要在新區段中加入區塊,請點選「新增區塊」,然後選取要加入區段的新區塊。
  8. 點選新區段和區塊以檢視設定和選項,然後進行變更。
  9. 點選「」。

建立新範本的考量事項

建立新範本之前,請檢視下列考量事項:

  • 您可以為商品、商品系列、頁面、網誌和網誌文章建立多個範本,但總共只能有 1,000 個範本。
  • 您只能使用 Online Store 2.0 佈景主題來建立新範本。
  • 所有佈景主題均具有商品系列、商品、網誌、網誌文章和頁面的預設範本。除非建立替代範本,否則這些預設範本會是商店的資源和內容所顯示的內容。
  • 對範本所做的任何變更都會影響使用該範本的所有頁面。如果您想以不同方式顯示特定類型的部分頁面,可以根據佈景主題中的現有頁面建立新的範本。
  • 從現有範本建立新範本時,新範本會自動填入與現有範本相同的區段。接著,您即可移除、新增或隱藏區段,並視需要編輯區段內容,而不會影響使用現有範本的頁面顯示畫面。

建立新範本

電腦版
  1. 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題,然後點擊「自訂」。
  3. 點按「首頁」下拉式選單並選取範本類型,然後點按「建立範本」。
  4. 在「建立範本」對話方塊中,執行下列動作:

    • 在「名稱」欄位中,輸入新範本的專屬名稱。
    • 在「依據」下拉式選單中,選取要做為建立新範本依據的現有範本。
  5. 按一下「建立範本」

iPhone
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題,然後點選「自訂」。
  5. 點選「首頁」下拉式選單並選取範本類型,然後點選「建立範本」。
  6. 在「建立範本」對話方塊中,執行下列動作:

    • 在「名稱」欄位中,輸入新範本的專屬名稱。
    • 在「依據」下拉式選單中,選取要做為建立新範本依據的現有範本。
  7. 點選「建立範本」。

Android
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題,然後點選「自訂」。
  5. 點選「首頁」下拉式選單並選取範本類型,然後點選「建立範本」。
  6. 在「建立範本」對話方塊中,執行下列動作:

    • 在「名稱」欄位中,輸入新範本的專屬名稱。
    • 在「依據」下拉式選單中,選取要做為建立新範本依據的現有範本。
  7. 點選「建立範本」。

建立新範本後,可以套用範本於欲使用該範本的網路商店頁面。

為中繼物件建立範本

您可以為 metaobject 建立網頁範本。若要使用此功能,請完成下列步驟:

  1. 使用「店面存取權限建立 metaobject 定義,並可依需求手動啟用網頁功能。建立佈景主題範本時,佈景主題編輯器會啟用網頁功能。
  2. 建立中繼物件定義的項目

您現在可以在佈景主題編輯器中建立 metaobject 範本

預覽範本

您可以使用範本預覽來查看您的網路商店資源 (如商品和頁面) 套用不同範本時,顯示給顧客的效果。

範本會在商品、商品系列、頁面、網誌或網誌文章層級進行指派。您可以在佈景主題編輯器中建立編輯範本,但您需在 Shopify 管理介面變更資源的已指派範本

預覽範本的考量事項

預覽不同網路商店資源的範本時,請將以下詳細資訊列入考量:

  • 在佈景主題編輯器中預覽商品範本時,可以使用狀態為「啟用中」或「草稿」的商品,但無法預覽狀態為「已封存」的商品。
  • 在佈景主題編輯器中預覽商品系列範本時,需確保該商品系列已將網路商店啟用做為銷售管道。若未在網路商店將商品系列啟用為銷售管道,則無法在佈景主題編輯器中使用任何商品系列範本來預覽該商品系列。
  • 在佈景主題編輯器中預覽頁面範本時,您可以使用公開性設為「可見」或「已隱藏」的頁面。
  • 在佈景主題編輯器中預覽網誌文章範本時,您可以使用公開性設為「可見」或「已隱藏」的網誌文章。

網誌不具任何其他狀態或公開性參數,因此您可以使用網誌範本來預覽網路商店中已發布的所有網誌。

預覽替代範本

您可以預覽商品、商品系列、頁面、網誌或網誌文章在套用不同範本時的顯示方式。

步驟:

電腦版
  1. 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
  2. 找到您要預覽範本的佈景主題,然後點按「自訂」。
  3. 點按「首頁」下拉式選單,然後選取要使用的範本。
  4. 在佈景主題編輯器側邊欄的「預覽」區段中,點按「變更」。
  5. 點按您希望使用所選範本預覽的資源。
iPhone
  1. Shopify 應用程式中,點選「」按鈕。

  2. 銷售管道畫面上,點一下「線上商店」

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

  4. 找到您要預覽範本的佈景主題,然後點選「自訂」。

  5. 點選「首頁」下拉式選單,然後選取要使用的範本。

  6. 若要選取使用範本預覽的資源,請再次點選下拉式選單。

  7. 在「搜尋網路商店」欄位中,輸入希望使用所選範本預覽的資源名稱。

  8. 從搜尋結果清單中選取您的資源。

Android
  1. Shopify 應用程式中,點選「」按鈕。

  2. 銷售管道畫面上,點一下「線上商店」

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

  4. 找到您要預覽範本的佈景主題,然後點選「自訂」。

  5. 點選「首頁」下拉式選單,然後選取要使用的範本。

  6. 若要選取使用範本預覽的資源,請再次點選下拉式選單。

  7. 在「搜尋網路商店」欄位中,輸入希望使用所選範本預覽的資源名稱。

  8. 從搜尋結果清單中選取您的資源。

套用新範本

您可以就已發布之佈景主題中,下列區段的已指派範本進行變更:

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

您可以在 Shopify 管理介面中變更指派的範本。所顯示的範本選項僅會根據當前佈景主題中的可用範本。

商品和商品系列的範本可以在個別品項層級進行指派,或使用大量編輯器同時指派給多個品項。

將新範本套用至頁面

電腦版
  1. 在 Shopify 管理介面 ,前往「網路商店」>「頁面」。
  2. 點按要套用新範本的頁面。
  3. 在「網路商店」區段中,點按「佈景主題範本」下拉式選單,然後選取要套用至頁面的範本。
  4. 點擊「儲存」。
iPhone
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點一下「頁面」
  4. 點選要套用新範本的頁面。
  5. 在「網路商店」區段中,點選「佈景主題範本」下拉式選單,然後選取要套用至頁面的範本。
  6. 點選「儲存」。
Android
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點一下「頁面」
  4. 點選要套用新範本的頁面。
  5. 在「網路商店」區段中,點選「佈景主題範本」下拉式選單,然後選取要套用至頁面的範本。
  6. 點選「儲存」。

將新範本套用至產品

電腦版
  1. 在 Shopify 管理介面 中,前往「產品」。

  2. 點按要套用新範本的商品。

  3. 點按「佈景主題範本」區段中的下拉式選單,然後選取要套用至商品的範本。

  4. 點擊「儲存」。

iPhone
  1. Shopify 應用程式中,點選「產品」 > 「所有產品」。
  2. 點選要套用新範本的商品。
  3. 點選「網路商店範本」。
  4. 選取要套用至商品的範本。
  5. 點選「儲存」。
Android
  1. Shopify 應用程式中,點選「產品」 > 「所有產品」。
  2. 點選要套用新範本的商品。
  3. 點選「網路商店範本」。
  4. 選取要套用至商品的範本。
  5. 點選「」。

將新範本套用至商品系列

  1. 在 Shopify 管理介面 ,前往「產品」>「商品系列」。
  2. 點按要套用範本的商品系列。
  3. 點按「佈景主題範本」區段中的下拉式選單,然後選取要套用至商品系列的範本。
  4. 點擊「儲存」。

將新範本套用至網誌

電腦版
  1. 在 Shopify 管理介面中,前往「網路商店」>「網誌文章」。
  2. 按一下「管理部落格」
  3. 點按要套用範本的網誌。
  4. 在「網路商店」區段中,點按「佈景主題範本」下拉式選單,然後選取要套用至網誌的範本。
  5. 點擊「儲存」。
iPhone
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點一下「部落格貼文」
  4. 點選「」>「管理網誌」。
  5. 點選要套用範本的網誌。
  6. 在「網路商店」區段中,點選「佈景主題範本」下拉式選單,然後選取要套用至網誌的範本。
  7. 點選「儲存」。
Android
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點一下「部落格貼文」
  4. 點選「」>「管理網誌」。
  5. 點選要套用範本的網誌。
  6. 在「網路商店」區段中,點選「佈景主題範本」下拉式選單,然後選取要套用至網誌的範本。
  7. 點選「儲存」。

將新範本套用至網誌文章

電腦版
  1. 在 Shopify 管理介面中,前往「網路商店」>「網誌文章」。
  2. 點按要套用範本的網誌文章。
  3. 在「網路商店」區段中,點按「佈景主題範本」下拉式選單,然後選取要套用至網誌的範本。
  4. 點擊「儲存」。
iPhone
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點一下「部落格貼文」
  4. 點選要套用範本的網誌文章。
  5. 在「網路商店」區段中,點選「佈景主題範本」下拉式選單,然後選取要套用至網誌文章的範本。
  6. 點選「儲存」。
Android
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點一下「部落格貼文」
  4. 點選要套用範本的網誌文章。
  5. 在「網路商店」區段中,點選「佈景主題範本」下拉式選單,然後選取要套用至網誌文章的範本。
  6. 點選「儲存」。

將新範本大量套用於商品或商品系列

您可以使用大量編輯器,將新範本大量套用至多個商品或商品系列。

將新範本大量套用於商品

  1. 在 Shopify 管理介面 中,前往「產品」。
  2. 若要同時編輯多項商品,請執行下列其中一個動作:

    • 若要一次選取一件商品,請勾選每件商品的核取方塊。
    • 若要選取一系列商品,請點按以選取商品,然後按住 Shift 鍵並點按另一件商品。這麼做可選取您所按下的第一件和最後一件商品,以及兩者之間的所有商品。
    • 若要選取頁面上的所有商品,請勾選產品清單頂端的核取方塊。
    • 若要選取商店中的所有商品,請勾選產品清單頂端的核取方塊,然後點按「選取這間商店中的所有項目」。
  3. 按一下 「大量編輯」

  4. 在大量編輯器中,點按「」下拉式選單,然後選取「一般」區段中的「範本」。

  5. 點按「範本」欄的第一個欄位,接著按住 Shift 鍵,然後點按「範本」欄的最後一個欄位。所選品項周圍會出現藍色陰影。

  6. 點按所選第一個欄位,接著從下拉式選單中選取您想要的範本,然後點按「儲存」。

將新範本大量套用於商品系列

  1. 在 Shopify 管理介面 ,前往「產品」>「商品系列」。
  2. 若要同時編輯多項商品系列,請執行下列其中一個動作:

    • 若要一次選取一個商品系列,請勾選每個商品系列的核取方塊。
    • 若要選取一連串的商品系列,請點按以選取商品系列,然後按住 Shift 鍵並點按另一個商品系列。這麼做可選取您所按下的第一個和最後一個商品系列,以及兩者之間的所有商品系列。
    • 若要選取頁面上的所有商品系列,請勾選商品系列清單頂端的核取方塊。
    • 若要選取商店中的所有商品系列,請選取商品系列清單頂端的核取方塊,然後點按「選取這間商店中的所有項目」。
  3. 按一下 「大量編輯」

  4. 在大量編輯器中,點按「」下拉式選單,然後選取「一般」區段中的「範本」。

  5. 點按「範本」欄的第一個欄位,接著按住 Shift 鍵,然後點按「範本」欄的最後一個欄位。所選品項周圍會出現藍色陰影。

  6. 點按所選第一個欄位,接著從下拉式選單中選取您想要的範本,然後點按「儲存」。

管理範本

若要重新命名或刪除範本,您需使用程式碼編輯器。編輯範本檔案可能會導致網路商店出現問題。

若您刪除了某個範本,則在指派其他範本前,所有已指派該範本的網路商店資源會改以預設範本顯示。

重新命名範本

  1. 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
  2. 找到欲重新命名範本的佈景主題,然後點按「」>「編輯程式碼」。
  3. 在程式碼編輯器中,找到「範本」(templates) 資料夾。
  4. 點按要重新命名的範本名稱,然後點按鉛筆圖示。
  5. 在「重新命名檔案」對話方塊中,在「檔案名稱」欄位中輸入新的範本名稱。
  6. 點按「重新命名檔案」。

刪除範本

  1. 在 Shopify 管理介面中,前往「網路商店」>「佈景主題
  2. 找到欲刪除範本的佈景主題,然後點按「...」>「編輯程式碼」。
  3. 在程式碼編輯器中,找到「範本」(templates) 資料夾。
  4. 點按要刪除的範本名稱,然後點按垃圾桶圖示。
  5. 點按對話方塊中的「刪除檔案」。
沒有找到您需要的答案嗎?我們很樂意為您提供協助。