Blog Shopify

shopify商店Minimal 分区自定义HTML步骤

2024-01-01 14:01:26
By 无敌大欧巴

外贸高效获客系统

10亿+海关交易数据，1.2亿企业数据，2亿+企业联系人数据，1000千万真实采购商。覆盖200+个国家及地区，95%外贸重点拓展市场，可根据行业、经营范围等多方位挖掘目标客户。

免费试用

自定义 HTML

在自定义 HTML 部分中，可使用 HTML 代码创建主页的自定义内容。例如，可使用 HTML 设置文本块的格式、创建表或嵌入来自第三方网站的内容。

向主页添加自定义 HTML 分区

PC：

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

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

  1. 点击添加分区。

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

  3. 点击 Custom HTML（自定义 HTML），然后输入想要添加到主页的 HTML 代码。

  4. 点击保存。

苹果系统：

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

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

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

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

  5. 轻触编辑。

  1. 点击添加分区。

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

  3. 点击 Custom HTML（自定义 HTML），然后输入想要添加到主页的 HTML 代码。

  4. 点击保存。

安卓系统：

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

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

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

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

  5. 轻触编辑。

  1. 点击添加分区。

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

  3. 点击 Custom HTML（自定义 HTML），然后输入想要添加到主页的 HTML 代码。

  4. 点击保存。

Shopify商户官网原文详情：

Custom HTML

In the Custom HTML section, you can use HTML code to create custom content for your home page. For example, you can use HTML to format text blocks, create tables, or embed content from a third-party website.

Add a custom HTML section to your home page

PC：

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

  2. Next to Minimal, click Customize.

  1. Click Add section.

  2. Click Custom HTML, and then click Select.

  3. Click Custom HTML, and enter the HTML code that you want to add to your home page.

  4. Click Save.

iPhone：

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

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

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

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

  5. 轻触编辑。

  1. 点击添加分区。

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

  3. 点击 Custom HTML（自定义 HTML），然后输入想要添加到主页的 HTML 代码。

  4. 点击保存。

Android：

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

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

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

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

  5. 轻触编辑。

  1. 点击添加分区。

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

  3. 点击 Custom HTML（自定义 HTML），然后输入想要添加到主页的 HTML 代码。

  4. 点击保存。

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



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


常见问答(FQAS)


我如何设置Shopify的主题的HTML布局?

要个性化Shopify主题的HTML布局,您可以编辑位于主题文件夹的模板文件。例如,要自定义产品页面,您可以编辑templates / product.liquid文件。您可以使用Liquid标签和HTML / CSS来重新设计页面结构。要让更改生效,您需要重新载入页面或清除浏览器缓存。

我可以创建额外的页面吗?

是的,您可以使用Shopify的页面功能来创建额外的页面。首先,登录后台,转到“online store”>“pages”下新建页面。然后,您可以编辑新页面的代码模板文件(根据页面 ID命名),如pages/about-us.liquid。您可以完全控制页面的HTML / CSS结构和内容。

如何添加自定义的CSS样式?

要添加自定义CSS,您可以编辑主题文件夹下的assets/styels.scss文件。在这里,您可以定义CSS选择器和规则。编写CSS后,要让更改生效,您需要运行“npm run build”来编译CSS。或者,您也可以直接添加