擴充佈景主題

Shopify 佈景主題提供許多設定和自訂選項,但您可能需要進一步自訂佈景主題。例如,若您希望在商店中顯示商品評論,可以安裝應用程式。如果您想要擴充佈景主題的功能,則可使用自訂程式碼或應用程式。

新增自訂 HTML 或 Liquid

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

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

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

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

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

新增自訂 CSS

階層式樣式表 (CSS) 會變更元素在您佈景主題中的顯示方式,並且可同時控制多個頁面的外觀。除了佈景主題內建的設定外,您還可以使用自訂 CSS 功能來自訂佈景主題。您可以將自訂 CSS 加入您整個佈景主題,或加入您佈景主題內某個範本的特定區段。

自訂 CSS 需要熟悉一點 CSS 和 HTML 語法。自訂佈景主題之前,請務必瞭解您可享有的支援等級

安裝 App

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

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

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

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

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

編輯佈景主題程式碼

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

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

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

本區段包括

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

免費試用