折扣标签元素

关于折扣标签元素

此 折扣标签 是 产品模块 在 GemPages 中。其主要功能是显示产品的折扣，以百分比 (%) 或金额（例如减 10 美元）的形式显示。这对于正在进行促销、限时优惠或以视觉方式显示降价的商店尤其有用。

典型用例：

• 在促销价格旁边显示折扣百分比
• 在产品列表中突出显示节省金额
• 在登陆页面或收藏页面上显示折扣信息

如何将折扣标签元素添加到您的页面？

由于它是产品模块的一部分，因此必须放置折扣标签 在模块内 才能正常工作。

推荐设置： 显示产品价格和比较价格

按照以下步骤使用 GemPages Editor v7 向您的页面添加折扣标签元素。

第四步： 在里面 GemPages 仪表板，选择要处理的页面并进入编辑器。如果您没有 产品模块，将其拖放到您的页面上。 

第四步: 将 Row 元素放置在所需位置，并将其分成三列。在 列宽， 选择 ”适合内容设立的区域办事处外，我们在美国也开设了办事处，以便我们为当地客户提供更多的支持。“

第四步: 将产品价格放在第一列，然后将比较价格放在第二列。折扣标签应放在最后一列。 

单击折扣标签元素，您将看到左侧边栏上显示的设置配置。它由两个主要选项卡组成： 个人设置 金益辉 先进的. 

配置设置选项卡

类型 – 内容

您可以选择显示产品的节省金额或百分比。在 内容 部分中，输入您想要展示的标签。

请记住，货币将反映您的 Shopify 管理员。如果您希望修改格式，可以访问 Shopify 管理员 > 设置.

文本

样式：从可用的预定样式中为文本选择一种样式。

字体：从下拉菜单中选择文本标签的字体。如果您想使用其他字体，请查看如何使用 自定义字体 点击此处。

尺寸：确定您喜欢的字体大小。

颜色：从调色板中选择一种颜色或输入颜色十六进制代码。 

点击 “显示更多” 按钮显示更多自定义选项。 

字体粗细：从提供的下拉菜单中选择所需的字体粗细。

线高：通过指定百分比值调整文本的高度。

字母间距：通过输入像素值来修改字母之间的间距。

文本转换：根据需要将文本转换为大写、小写或大写。

背景颜色

从调色板中选择一种颜色或输入折扣标签背景颜色的十六进制颜色代码。 

边境

边境：通过选择边框颜色、样式和位置来定义标签边框的外观。

角落：在提供的框中输入您喜欢的值以获得所需的边框曲率。

尺寸

从下拉菜单中选择一个尺寸，或者单击三个点按钮自定义标签尺寸。

对齐

此参数允许您确定元素在页面上的定位方式。有三个选项可供选择：左对齐、居中和右对齐。

配置高级选项卡

如需更多高级定制，请导航至 高级选项卡 并按照中的说明进行操作 本文.

常见问题

1. 为何折扣标签不显示？

务必：

• 折扣标签已放置 内 产品模块
• 该产品既有 价格筛选 配备 比较价格 在 Shopify 中设置。如果没有定义可比价格，则无法计算折扣。

2. 我可以使用产品列表上的折扣标签吗？

是的，您可以将折扣标签拖到 产品列表 元素来显示跨系列或登录页面的折扣。

3. 我可以更改折扣显示的格式吗（例如，显示“节省 10 美元”而不是“-10%”）？

是的。在“类型”设置中，选择金额或百分比，并相应地自定义文本。

4. 折扣显示0%，我该怎么办？

仔细检查您的 Shopify 产品设置：

• 比较价格必须是 更高 比价格.
• 必须填写两个字段才能正确计算折扣。

5. 我可以为移动视图设置不同的标签样式吗？

是的，通过使用 GemPages 的响应设置，您可以调整每个设备的大小、对齐方式或可见性。