shopify商店Brooklyn动态分区的自定义 HTML设置步骤

自定义 HTML

您可以为主页创建自定义内容。例如，可以使用 HTML 设置文本块的格式、创建表或嵌入来自其他网站的内容。

自定义 HTML 分区包括以下设置：

• HTML - 添加要在主页上显示的 HTML 代码。

• 容器宽度 - 设置自定义 HTML 分区的宽度。

• 垂直对齐 - 将分区中的内容设置为垂直位置。

将自定义 HTML 添加到主页

PC：

1. 在 Shopify 后台中，转到在线商店 > 模板。

2. 点击 的动态分区 旁边的自定义。

1. 点击添加分区。

2. 点击自定义 HTML，然后点击选择。

3. 使用设置来对您的自定义 HTML 分区进行自定义。

4. 点击保存。

苹果系统：

1. 在 Shopify 应用中，轻触商店。

2. 在销售渠道部分，轻触在线商店。

3. 轻触 Manage themes（管理模板）。

4. 在 的动态分区 旁边，轻触自定义。

5. 轻触编辑。

1. 点击添加分区。

2. 点击自定义 HTML，然后点击选择。

3. 使用设置来对您的自定义 HTML 分区进行自定义。

4. 点击保存。

安卓系统：

1. 在 Shopify 应用中，轻触商店。

2. 在销售渠道部分，轻触在线商店。

3. 轻触 Manage themes（管理模板）。

4. 在 的动态分区 旁边，轻触自定义。

5. 轻触编辑。

1. 点击添加分区。

2. 点击自定义 HTML，然后点击选择。

3. 使用设置来对您的自定义 HTML 分区进行自定义。

4. 点击保存。

Shopify商户官网原文详情：

Custom HTML

You can create custom content for your home page. For example, you can use HTML to format text blocks, create tables, or embed content from another website.

The custom HTML section includes the following settings:

• HTML - Add the HTML code that you want to be displayed on your home page.

• Container width - Set the width of your custom HTML section.

• Vertical alignment - Set the vertical position of the content in the section.

Add custom HTML to your home page

PC：

1. From your Shopify admin, go to Online Store > Themes.

2. Next to Brooklyn, click Customize.

1. Click Add section.

2. Click Custom HTML, and then click Select.

3. Use the settings to customize your custom HTML section.

4. Click Save.

iPhone：

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Manage themes.

4. Next to Brooklyn, tap Customize.

5. Tap Edit.

1. Click Add section.

2. Click Custom HTML, and then click Select.

3. Use the settings to customize your custom HTML section.

4. Click Save.

Android：

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Manage themes.

4. Next to Brooklyn, tap Customize.

5. Tap Edit.

1. Click Add section.

2. Click Custom HTML, and then click Select.

3. Use the settings to customize your custom HTML section.

4. Click Save.

文章内容来源：Shopify商户官方网站

（本文内容根据网络资料整理和来自用户投稿，出于传递更多信息之目的，不代表本站其观点和立场。本站不具备任何原创保护和所有权，也不对其真实性、可靠性承担任何法律责任，特此声明！）

常见问答(FQAS)

你可以在Shopify商店的设计设置中添加自定义HTML和CSS代码。导航到“设计”选项卡,选择“代码和脚本”然后在相关的位置添加你需要的HTML或CSS代码。

是的,自定义HTML代码对所有访问你商店的用户都是可见的,包括匿名用户。它不会区分登陆状态。

是的,你可以为不同的页面添加不同的自定义HTML代码。选择需要添加代码的特定页面,然后添加你需要的代码。商店所有页面都可以单独设置。

添加代码后,你需要保存更改然后刷新页面来预览效果。你也可以选择“实时预览”来更快速预览代码效果,而无需保存和刷新。

是的,您可以在自定义HTML代码中使用Liquid标签。这允许根据产品、客户等条件动态渲染HTML。例如,您可以使用Liquid输出产品标题或图片。