擴(kuò)展您的模板

Shopify 模板提供許多設(shè)置和自定義選項(xiàng)。但是，您的模板可能不提供某些功能，或者您可能只是想進(jìn)一步自定義模板。例如，您可能希望在商店中顯示評(píng)論，這可以通過安裝應(yīng)用來實(shí)現(xiàn)。如果要擴(kuò)展您的模板功能，您可以按照以下方式進(jìn)行擴(kuò)展。

本頁相關(guān)主題

• 添加自定義 HTML 或 Liquid

• 安裝應(yīng)用

• 編輯模板代碼

添加自定義 HTML 或 Liquid

某些模板提供一些設(shè)置，讓您能夠添加 HTML 或 Liquid 代碼的代碼片段，這些代碼可在包含相關(guān)設(shè)置的模板、分區(qū)或塊中呈現(xiàn)。通過這些設(shè)置，您可以安全地將自定義代碼添加到在線商店，而無需直接編輯模板的代碼，這有助于確保您的模板符合自動(dòng)升級(jí)條件。

您可以將這些設(shè)置用于以下任務(wù)：

• 使用自定義 Liquid 分區(qū)插入適合您業(yè)務(wù)的 Liquid 變量。例如，您可以在產(chǎn)品頁面上包含物流政策。

• 使用自定義 Liquid 分區(qū)添加將應(yīng)用與模板集成所需的代碼。

若要了解模板是否有自定義 HTML 或 Liquid 選項(xiàng)，請(qǐng)參閱模板的文檔。

Liquid 設(shè)置僅允許您訪問有限的 Liquid 對(duì)象和標(biāo)簽。若要了解可在 Liquid 設(shè)置中使用的對(duì)象和標(biāo)簽，請(qǐng)參閱 Shopify.dev 上的 Liquid 設(shè)置文檔。

安裝應(yīng)用

您可以安裝應(yīng)用，以向您的模板中添加功能和集成。您可在 Shopify 應(yīng)用商店上查找應(yīng)用。

應(yīng)用可以通過以下方式與您的模板集成：

• 作為應(yīng)用塊：通過應(yīng)用塊，您可以準(zhǔn)確地在模塊中要使用應(yīng)用功能的位置添加應(yīng)用功能。您可以通過模板編輯器添加、刪除和自定義應(yīng)用塊。

  應(yīng)用塊只能與 Online Store 2.0 模板一起使用。如果您使用復(fù)古模板，那么您應(yīng)該閱讀應(yīng)用描述和文檔，了解該應(yīng)用是否與您的模板兼容。

• 作為應(yīng)用嵌入：應(yīng)用嵌入是應(yīng)用提供的元素，可在您的模板中浮動(dòng)或以疊加層的形式顯示，也可在客戶看不到的情況下將代碼添加到您的在線商店。您可以通過模板編輯器啟用、禁用和自定義應(yīng)用嵌入。

• 通過更改您的模板代碼：一些應(yīng)用直接將代碼注入您的模板代碼中，以便為您的模板添加功能。您可以使用應(yīng)用設(shè)置或使用模板編輯器自定義應(yīng)用。

  如果您的模板提供 Custom Liquid 部分，您或許可以將您的應(yīng)用代碼添加到模板編輯器中的“自定義 Liquid”部分，而不是直接編輯您的模板代碼。

編輯模板代碼

您可以通過編輯模板代碼來對(duì)在線商店進(jìn)行詳細(xì)更改。模板文件包含 Liquid（Shopify 的模板語言），以及 HTML、CSS、JSON 和 JavaScript。只有在您了解 HTML 和 CSS，并具備 Liquid 的相關(guān)基礎(chǔ)知識(shí)時(shí)，才可編輯模板的代碼。

如果您編輯模板的代碼，則可能會(huì)使其不符合自動(dòng)升級(jí)的條件。只有在無法使用 HTML 或 Liquid 設(shè)置或 Shopify 應(yīng)用進(jìn)行所需更改的情況下，才應(yīng)編輯模板的代碼。

如果您使用 Shopify 的免費(fèi)模板，Shopify 支持團(tuán)隊(duì)可以幫助您對(duì)模板代碼進(jìn)行某些自定義。有關(guān)可用自定義項(xiàng)的列表，請(qǐng)參閱模板的文檔。詳細(xì)了解針對(duì)模板的支持。

您可以按照以下方式編輯您的模板代碼：

• 直接在 Shopify 后臺(tái)中編輯代碼。

• 使用  CLI 和 Shopify GitHub 集成等開發(fā)工具在本地編輯模板。

Extend your theme

Shopify themes offer many settings and customization options. However, there might be some features that your theme doesn't offer, or you might just want to further customize your theme. For example, you might want to display product reviews in your store, which you can do by installing an app. If you want to extend the functionality of your theme, you can do so in the following ways.

On this page

• Add custom HTML or Liquid

• Install an app

• Edit your theme code

Add custom HTML or Liquid

Some themes offer settings that let you add snippets of HTML or Liquid code that can be rendered in the template, section, or block that contains the setting. These settings let you safely add custom code to your online store without editing your theme's code directly, which helps to ensure that your theme is eligible for automatic upgrades.

You might use these settings for the following tasks:

• Use a Custom Liquid section to insert Liquid variables where they make sense for your business. For example, you might include your shipping policy on your product .

• Use a Custom Liquid section to add the code that's required to integrate an app with your theme.

To learn whether your theme has a custom HTML or Liquid option, refer to your theme's documentation.

Liquid settings only allow you to access limited Liquid objects and tags. To learn about the objects and tags that you can use in a Liquid setting, refer to the Liquid setting documentation on Shopify.dev.

Install an app

You can install apps to add features and integrations to your theme. You can find apps on the Shopify App Store.

Online Store apps can integrate with your theme in the following ways:

• As an app block: App blocks let you add app functionality exactly where you want to use it in your theme. App blocks can be added, removed, and customized through the theme editor.

  App blocks can only be used with Online Store 2.0 themes. If you use a vintage theme, then you should read the app listing and documentation to understand whether the app is compatible with your theme.

• As an app embed: App embeds are app-provided elements that float or appear as an overlay in your theme, or add code to your online store without being visible to your customers. App embeds can be enabled, disabled, and customized through the theme editor.

• By altering your theme code: Some apps inject code directly into your theme's code to add functionality to your theme. You might customize the app using the app settings, or using the theme editor.

  If your theme offers a Custom Liquid section, then you might be able to add your app code into a Custom Liquid section in the theme editor instead of editing your theme code directly.

Edit your theme code

You can edit your theme code to make detailed changes to your online store. Theme files contain Liquid, Shopify's templating language, along with HTML, CSS, JSON, and JavaScript. Edit the code for a theme only if you know HTML and CSS, and have a basic understanding of Liquid.

If you edit your theme's code, then you might make it ineligible for automatic upgrades. You should only edit your theme's code if you can't make the changes that you need using an HTML or Liquid setting or a Shopify app.

If you use a free theme from Shopify, then Shopify Support can help you to make certain customizations to your theme code. Refer to your theme's documentation for a list of available customizations. Learn more about support for themes.

You can edit your theme code in the following ways:

• Edit code directly in the Shopify admin.

• Edit your theme locally using development tools like Shopify CLI and the Shopify GitHub integration.

特別聲明：以上文章內(nèi)容僅代表作者本人觀點(diǎn)，不代表ESG跨境電商觀點(diǎn)或立場。如有關(guān)于作品內(nèi)容、版權(quán)或其它問題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。