範本

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

您的佈景主題包含針對不同類型內容的範本。這些範本類型包含自 Shopify 管理介面各個區域動態提取內容的區段和區塊。例如,佈景主題的商品頁面範本會在 Shopify 管理介面的商品區段中,為發布到網路商店的每種商品建立一個頁面。

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

預設範本

每個預設範本都有各自的預設區段和設定,您可以在佈景主題編輯器中編輯和自訂。例如,產品頁面預設有商品資訊區段和相關商品區段。每個佈景主題的具體自訂設定視佈景主題的開發人員和版本而定。深入瞭解如何找出佈景主題版本

預設情況下,佈景主題中會提供範本。

產品

佈景主題的商品頁面會顯示商店所銷售商品的相關資訊,以及顧客可以從何處購買商品的資訊。

佈景主題編輯器中,產品頁面預設有商品資訊相關商品區段。

商品資訊區段顯示商品的詳情,例如標題、描述、價格和圖片。您可以在 Shopify 管理介面的「商品」頁面上管理商品。

商品系列

佈景主題的商品系列頁面會顯示您在 Shopify 管理介面的「商品」>「商品系列」頁面當中建立的商品系列。將特定產品歸類在一起。您可以提供自動商品系列手動商品系列

根據預設,在佈景主題編輯器中,商品系列頁面具有商品系列橫幅商品網格區段。

商品系列清單

商品系列清單頁面會顯示網路商店銷售管道中可供貨的所有商品系列。例如,如果您有一家珠寶商店,則您可以在選單中新增指向商品系列清單頁面的連結,以便顧客按珠寶類型 (例如戒指或項鍊) 進行瀏覽。您需要為每個類別建立商品系列。

禮品卡

建立禮品卡或顧客訂購禮品卡產品時,禮品卡頁面會包含該禮品卡的詳細資訊,例如禮品卡價值或餘額和兌換代碼。

禮品卡頁面是佈景主題的一部分。您可以自訂佈景主題來新增或調整禮品卡頁面上包含的樣式和資訊,

禮品卡的價值和禮品卡兌換代碼無法自訂。

頁面

您可以在 Shopify 管理介面中建立自訂頁面,藉此為顧客建立內容,例如「關於我們」頁面,或關於商品的其他資訊。

購物車頁面

您網路商店中的購物車頁面是顧客檢視已新增到購物車的品項的位置。

根據預設,佈景主題編輯器中,購物車頁面包含品項小計區段。

部落格

網路商店上的網誌頁面是您在 Shopify 管理介面中所建立任何 網誌 的首頁,並包含該網誌中所有已發布的網誌文章。

網誌頁面預設在佈景主題編輯器中包含網誌文章區段。

部落格文章

網路商店上的網誌文章頁面會顯示您在 Shopify 管理介面的「內容」>「網誌文章」頁面中建立的網誌文章內容。預設情況下,網誌文章頁面在佈景主題編輯器中包含網誌文章區段。

搜尋頁面

搜尋頁面是顧客可以在您的網路商店中搜尋和查找特定商品、頁面或網誌文章的位置。

搜尋頁面預設在佈景主題編輯器中包含搜尋結果區段。

以及搜尋結果區段設定,您亦可以檢視和自訂搜尋行為的一些佈景主題設定。您還可以新增您自己的區段特定的自訂 CSS

密碼頁面

您可以在 Shopify 管理介面的「網路商店」>「偏好設定」頁面中將商店設受密碼保護。如果商店受密碼保護,密碼頁面會顯示網路商店的訪客。密碼頁面範本有獨特的頁首和頁尾。您可以在佈景主題編輯器中自訂密碼頁面範本。

404 頁面

若顧客嘗試前往您不存在的網站連結 (例如已從商店刪除的產品頁面) 時,系統會顯示 404 頁面。

此頁面沒有可自訂的設定,您可以在佈景主題編輯器中為您的 404 頁面新增區段特定的自訂 CSS

編輯範本

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

步驟如下:

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

建立新範本

電腦版
  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. 點按對話方塊中的「刪除檔案」。

沒有找到您需要的答案嗎?我們很樂意為您提供協助。