擴充佈景主題

Shopify 佈景主題提供許多設定和自訂選項。然而,您的佈景主題可能無法提供某些功能,或者您可能只想進一步自訂佈景主題。例如,您可能希望在商店中顯示產品評論,您可以安裝應用程式來執行此操作。如果您想要擴充佈景主題的功能,可以執行以下操作。

新增自訂 HTML 或 Liquid

部分佈景主題提供設定,讓您能新增 HTML 或 Liquid 程式碼片段,以便在包含該設定的範本、區段或區塊中呈現。這些設定能讓您在網路商店中安全新增自訂程式碼,而無須直接編輯佈景主題的程式碼,這有助於確保佈景主題符合自動升級資格。

您可以使用這些設定完成以下任務:

  • 使用自訂 Liquid 區段插入適合您商家的 Liquid 變數。例如,您可以在產品頁面納入運送政策
  • 使用自訂 Liquid 區段,新增將應用程式整合至佈景主題所需的程式碼。

若要瞭解您的佈景主題是否有自訂 HTML 或 Liquid 選項,請參閱佈景主題說明文件。

Liquid 設定僅允許您存取有限的 Liquid 物件和標籤。若要瞭解您可以在 Liquid 設定中使用的物件和標籤,請參閱Shopify.dev 的 Liquid 設定說明文件。

安裝 App

您可以安裝應用程式,為您的佈景主題新增功能和整合工具。您可以在 Shopify 應用程式商店中尋找應用程式。

網路商店應用程式可透過下列方式與您的佈景主題整合:

  • 應用程式區塊:應用程式區塊能讓您將應用程式功能準確新增到佈景主題中希望使用的地方。您可以透過佈景主題編輯器新增、移除、和自訂應用程式區塊。

    應用程式區塊只能與 Online Store 2.0 佈景主題一起使用。如果您使用的是舊版佈景主題,則應該閱讀應用程式資訊和文件,瞭解該應用程式是否與您的佈景主題相容。

  • 應用程式嵌入功能:應用程式嵌入功能是應用程式提供的元素,會漂浮或疊壓在佈景主題中,或在不向顧客顯示的情況下為網路商店新增程式碼。您可以透過佈景主題編輯器啟用、停用、自訂應用程式嵌入功能。

  • 變更佈景主題程式碼:某些應用程式會直接在佈景主題程式碼中插入程式碼,藉此為佈景主題新增功能。您可以使用應用程式設定,或使用佈景主題編輯器自訂應用程式。

    如果您的佈景主題提供自訂 Liquid 區段,您或許可以在佈景主題編輯器中把應用程式程式碼新增到自訂 Liquid 區段,而不用直接編輯佈景主題程式碼。

編輯佈景主題程式碼

您可以編輯佈景主題程式碼以對網路商店內容進行詳細變更。佈景主題檔案含有 Liquid,這是 Shopify 的範本語言,其他範本語言則包含 HTML、CSS、JSON 和 JavaScript。只有在您熟悉 HTML 和 CSS 且對 Liquid 有基本瞭解時,才應編輯佈景主題程式碼。

如果您編輯佈景主題程式碼,則可能會使其不符合自動升級的條件。您應該僅在無法使用 HTML、Liquid 設定或 Shopify 應用程式進行所需修改時,才編輯佈景主題程式碼。

如果您使用 Shopify 的免費佈景主題,Shopify 支援服務可協助您自訂佈景主題程式碼。請參閱主題說明文件,查看可用的自訂內容清單。深入瞭解佈景主題的支援服務

您可透過以下方式編輯佈景主題程式碼:

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

免費試用