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