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

2024-01-01 14:01:26
By 出海派编辑组

Shopify商店模板Boundless自定义HTML设置步骤

一、什么是自定义HTML

自定义 HTML 是一种使用 HTML 代码在主页中创建自定义内容的方法。通过使用 HTML,可以格式化文本块,创建表格,或者嵌入来自第三方网站的内容。

二、如何在Shopify Boundless模板中添加自定义HTML分区

1、PC端:

(1)在 Shopify 后台中,转到在线商店 > 模板。

(2)点击 的分区 旁边的自定义。

(3)点击添加分区。

(4)点击自定义 HTML,然后点击选择。

(5)点击 Custom HTML(自定义 HTML),然后输入想要添加到主页的 HTML 代码。

(6)点击保存。

2、iPhone端/Android端:

(1)在 Shopify 应用中,轻触商店。

(2)在销售渠道部分,轻触在线商店。

(3)轻触 Manage themes(管理模板)。

(4)在 的分区 旁边,轻触自定义。

(5)轻触编辑。

(6)点击添加分区。

(7)点击自定义 HTML,然后点击选择。

(8)点击 Custom HTML(自定义 HTML),然后输入想要添加到主页的 HTML 代码。

(9) 点击保存。


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


常见问答(FQAS)


问题1:Boundless模板允许我自定义HTML吗?

是的,Boundless模板允许你修改HTML和CSS来自定义页面外观。你可以编辑模板文件修改现有元素,或者添加新的自定义元素。

问题2:我可以添加JavaScript吗?

Boundless模板支持添加少量的JavaScript。你可以在模板 assets/scripts.js 文件中或单独的.js文件中添加JS代码。不建议添加过多JS,以免影响页面性能。

问题3:如何添加我自己的CSS样式?

你可以在模板的assets/styles.css文件中添加任何自定义CSS样式。建议不要直接修改Boundless预置的CSS文件,以免升级模板后样式丢失。你的自定义CSS应该写在这个文件最后。

问题4:页面内容如何管理和控制?

Boundless模板页面内容主要通过Shopify的文章、产品、集合等来管理。你可以自定义这些内容的展示样式,比如文章列表模块、产品页等。不建议直接在HTML文件中写静态内容。