Shopify 模板提供許多設置和自定義選項。但是,您可能想進一步自定義模板。例如,您可能希望在商店中顯示產品評論,這可以通過安裝應用來實現。如果要擴展您的模板功能,可以使用自定義代碼或應用來進行擴展。
某些模板提供一些設置,讓您能夠添加 HTML 或 Liquid 代碼的代碼片段,這些代碼可在包含相關設置的模板、分區或塊中呈現。通過這些設置,您可以安全地將自定義代碼添加到在線商店,而無需直接編輯模板的代碼,這有助于確保您的模板符合更新條件。
您可以將這些設置用于以下任務:
使用自定義 Liquid 分區插入適合您業務的 Liquid 變量。例如,您可以在產品頁面上包含物流政策。 使用自定義 Liquid 分區添加將應用與模板集成所需的代碼。若要了解模板是否有自定義 HTML 或 Liquid 選項,請參閱模板的文檔。
Liquid 設置僅允許您訪問有限的 Liquid 對象和標簽。若要了解可在 Liquid 設置中使用的對象和標簽,請參閱 Shopify.dev 上的 Liquid 設置文檔。
層疊樣式表 (CSS) 可更改元素在模板中的顯示方式,并且可以一次控制多個頁面的外觀。除了模板中內置的設置外,您還可以使用自定義 CSS 功能來自定義模板。您可以向整個模板或模板中的特定模板分區中添加自定義 CSS。
自定義 CSS 需要熟悉 CSS 和 HTML。在自定義模板之前,請確保您了解可用的支持級別。
您可以安裝應用,以向您的模板中添加功能和集成。您可在 Shopify App Store上查找應用。
在線商店應用可以通過以下方式與您的模板集成:
作為應用塊:通過應用塊,您可以準確地在模塊中要使用應用功能的位置添加應用功能。您可以通過模板編輯器添加、刪除和自定義應用塊。
作為應用嵌入:應用嵌入是應用提供的元素,可在您的模板中浮動或以疊加層的形式顯示,也可在客戶看不到的情況下將代碼添加到您的在線商店。您可以通過模板編輯器啟用、禁用和自定義應用嵌入。
通過更改您的模板代碼:一些應用直接將代碼注入您的模板代碼中,以便為您的模板添加功能。您可以使用應用設置或使用模板編輯器自定義應用。
編輯模板代碼
注意
如果您編輯模板的代碼,則可能會使其不符合更新的條件。只有在您無法使用模板編輯器執行所需更改時,您才應編輯模板的代碼。
您可以通過編輯模板代碼來對在線商店進行詳細更改。模板文件包含 Liquid(Shopify 的模板語言),以及 HTML、CSS、JSON 和 JavaScript。只有在您了解 HTML 和 CSS,并具備 Liquid 的相關基礎知識時,才可編輯模板的代碼。
如果您使用 Shopify 的免費模板,Shopify 支持團隊可以幫助您對模板代碼進行某些自定義。有關可用自定義項的列表,請參閱模板的文檔。詳細了解針對模板的支持。
您可以按照以下方式編輯您的模板代碼:
直接在 Shopify 后臺中編輯代碼。 使用 Shopify CLI 和 Shopify GitHub 集成等開發工具在本地編輯模板。
拓展您的業務
如果您想添加自定義功能或代碼,但沒有使用 HTML、CSS 和 JavaScript 開發網站的經驗,請考慮聘請 Shopify 專家。