使用Minimal主题在Shopify中自定义HTML步骤

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

添加自定义 HTML 分区到主页

PC:

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

2. 点击 Minimal 旁边的自定义。

3. 点击添加分区。

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

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

6. 点击保存。

苹果系统:

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

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

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

4. 在 Minimal 旁边,轻触自定义。

5. 轻触编辑。

6. 点击添加分区。

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

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

9. 点击保存。

安卓系统:

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

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

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

4. 在 Minimal 旁边,轻触自定义。

5. 轻


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


常见问答(FQAS)


怎样在Shopify中添加Minimal主题?

在Shopify管理面板中,选择「主题」,然后点击「安装新主题」按钮,输入「Minimal」主题名称进行搜索选择下载并安装。

如何在Minimal主题中自定义HTML代码?

在Shopify管理面板中选择「主题」 - 「自定义ization」菜单,找到需要自定义的HTML文件位置(例如sections.liquid或footer.liquid等),打开后的编辑窗口就可以直接修改HTML结构和样式码添加新内容。

是否可以在Minimal主题中添加Google字体?

是的,可以在Minimal主题的assets/theme.scss.liquid文件中添加@import url('https://fonts.googleapis.com/css2?family=FontName');代码引入Google字体,然后在CSS文件中规定需要使用该字体的元素。

是否可以添加额外JS文件到Minimal主题?

可以的,在assests/theme.js.liquid文件中通过{{ 'additional-file.js' | asset_url }}引入新JS文件,文件需要保存在assests/assets文件夹中。引入后可以在JS中编写相关功能代码。