如何使用Boundless模板自定义 Shopify商店的HTML

在 Shopify 中添加自定义 HTML 分区

PC：

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

2. 在 Boundless 旁边点击自定义。

3. 点击添加分区。

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

5. 点击 Custom HTML，然后输入要添加到首页的 HTML 代码。

6. 点击保存。

苹果系统：

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

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

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

4. 在 Boundless 旁边，轻触自定义并进行编辑。

5. 点击添加分区。

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

7. 点击 Custom HTML，然后输入要添加到首页的 HTML 代码。

8. 点击保存。

安卓系统：

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

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

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

4. 在 Boundless 旁边，轻触自定义并进行编???。

5. 点击添加分区。

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

7. 点击 Custom HTML，然后输入要添加到首页的 HTML 代码。

8. 点击保存

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

常见问答(FQAS)

要在Boundless模板中添加额外的JS或CSS文件,你需要将它们添加到模板的asset文件中。例如,要添加一个名为additional.js的JavaScript文件,你需要将它放在assets/additional.js中。然后在模板文件的layout/theme.liquid中添加即可。同理,要添加CSS文件也是将文件放在assets目录中,然后使用标签在layout/theme.liquid中引入。

Boundless模板默认提供了一些基本的样式设置,如果要对它进行修改或覆盖,你可以创建一个样式文件如css/style.css,然后使用较高的特异性来覆盖默认样式。例如要修改按钮样式,可以在你自己的样式表中增加:button {background: blue;}。并确保该样式文件位置在模板其他样式导入语句的后面,比如在assets/theme.scss中。

Boundless模板默认只提供了商店主页和产品页两个页面的布局,如果需要添加其他页面如关于我们页等,你可以参考这些页面的结构自行创建。具体操作是新建一个Liquid文件如pages/about.liquid,定义页面结构、样式和元素,然后在菜单或其他位置添加到该页面的链接。记住需要在layout/theme.liquid中引入这个新页面文件。