Hostinger AI 建站工具手动模式在线商店文本样式自定义教程

如果你使用 Hostinger AI Builder 手动模式创建了在线商店，你可以在**全局样式设置中轻松更改在线商店使用的字体族（font family）。你可以在其中设置两种字体族**：一种用于标题、另一种用于段落。请注意，这些更改将应用于整个网站，而不仅是在线商店。

同样，你可以在在线商店的以下区域更改字体大小，也可以在相同区域更改文本颜色。

开始之前

• 如果你尚未在 Hostinger AI Builder 手动模式下创建在线商店，请先完成该操作。

产品列表板块

了解如何**添加产品列表板块**

• 角标文本：Paragraph 3
• 产品标题：Heading 6
• 价格：Paragraph 2

注意

• 在全局文本样式设置中所做的更改会影响网站上的所有文本元素

  • 例如，如果你更改 Heading 6 的样式（想要自定义产品标题的样式时），请记住所有其他使用 H6 的文本元素也会受到影响

• 完成更改后，请务必**更新你的网站**

单个产品板块

了解如何**添加单个产品板块**。

• 产品标题：Heading 3
• 产品副标题：Heading 5
• 价格：Paragraph 1
• 产品选项：Paragraph 2
• 产品描述：Paragraph 2

注意

• 在全局文本样式设置中所做的更改会影响网站上的所有文本元素

  • 例如，如果你更改 Heading 3 的样式（想要自定义产品标题的样式时），请记住所有其他使用 H3 的文本元素也会受到影响

• 按钮样式可以在**产品板块设置**中更改

• 完成更改后，请务必**更新你的网站**

产品页面

了解如何**找到产品页面**。

• 产品标题：Heading 1
• 产品副标题：Heading 5
• 价格：Paragraph 1
• 产品选项：Paragraph 2
• 产品描述：Paragraph 2

注意

• 在全局文本样式设置中所做的更改会影响网站上的所有文本元素

  • 例如，如果你更改 Heading 1 的样式（想要自定义产品标题的样式时），请记住所有其他使用 H1 的文本元素也会受到影响

• 按钮样式可以在**产品板块设置**中更改

• 完成更改后，请务必**更新你的网站**

购物袋

了解如何启用**购物袋**。

目前，购物袋不支持更改字体样式（大小、颜色、装饰等），但你可以更改字体族。购物袋中的所有文本均采用段落样式。

1. 打开全局文本样式设置，点击 Edit text styles：
   
2. 选择 Paragraphs and navigation：
   
3. 更改字体：
   

注意

• 在全局文本样式设置中所做的更改会影响网站上的所有文本元素

  • 例如，如果你更改段落字体（想要自定义购物袋中的文本样式时），请记住导航链接以及所有其他采用段落样式的文本元素也会受到影响

• 完成更改后，请务必**更新你的网站**