关于产品徽章元素
GemPages 的产品徽章元素旨在强调产品的关键细节，例如标记新品或直接在特色图片上展示促销活动。
通过此元素，您可以为您的电子商务商店获得多重优势：
- 增强可见性： 通过使特定产品脱颖而出来提高产品知名度，确保它们能够吸引客户的注意力。
- 增强品牌信任度： 用徽章来提升可信度 “评分最高” or “顾客最爱” 展示积极的评论和认可以与买家建立信任。
- 鼓励行动： 使用徽章营造紧迫感，例如 “仅剩 2 个！” or “即将结束” 促使顾客迅速采取行动并完成购买。
- 经过测试的定价策略： 通过为每种产品提供不同的折扣来试验并确定每件产品最有效的定价策略。
- 增强库存管理： 用“清仓促销” or “减少库存”。
- 针对性促销： 针对不同的产品类别、库存水平或销售目标设置不同的折扣。徽章如下 “类别促销”, “季节性促销” or “每周特惠” 更轻松地创建符合其业务需求的促销活动。
如何添加产品徽章元素
第三步： 打开 GemPages 编辑器并找到 产品徽章元素 在搜索栏中。
第三步： 将元素从侧边栏拖放到您的设计区域。您只能将产品徽章添加到 产品要素, 产品列表元素或直接在其 产品图片. 徽章设置可能根据其放置位置而有所不同。
第三步： 您可以为同一产品添加多个徽章。默认情况下，徽章显示在 左上角。如果添加了多个徽章，它们将垂直堆叠。要调整其顺序或可见性，请使用 层树 功能。
第三步： 放置徽章后，点击 发布 实时查看。在编辑器中，徽章始终可见，以便于调整，但只有符合您设置的显示条件时，徽章才会显示在实时页面上。
要访问徽章设置，请点击元素。 左侧边栏 将显示两个选项卡： 个人设置 以及 高级：
配置设置选项卡
1。 风格
选择适合您设计的徽章样式。可用选项包括：
- 图片
- 水平文本
- 文本角 1
- 文本丝带 1
- 文本角 2
- 文本丝带 2
- 垂直文本
- 文字之星
- 文本方块
七、产品来源
此 产品来源 显示徽章显示哪个产品的信息。要更改产品，请点击 产品选择器 在产品模块中选择所需的项目。
3。 文本
文本设置适用于显示文本内容的样式。
- 默认文本样式： 段1
- 默认颜色： FFFFFF（白色）
在 GemPages 中，编辑文本内容需要打开弹出窗口。您可以：
- 输入带有换行符的长文本。
- 绝大部分储备使用 Markdown 代码片段 显示来自 Shopify 的动态产品信息。
要使用降价：
- 使用正确的格式手动输入 Markdown 文件。只有有效的格式才能呈现实时数据。
- 点击 “+”图标 在输入字段内打开支持的 markdown 列表。
- 从列表中选择一个标记以插入它，或者多次插入相同的标记。
支持的 Markdown 模式：
- {％_折扣} – 显示折扣百分比。
- {amount_discount} – 以您的商店货币显示折扣金额。
- {产品类型} – 显示产品类型。
- {最低价格} – 显示所有产品变体中的最低价格。
- {库存数量} – 显示剩余库存。此功能仅在以下情况下有效： 轨道数量 已为产品启用。
4.徽章样式
此设置允许您调整文本周围的形状和视觉样式。您可以自定义：
- 边境
- 角落
- 阴影
5。 尺寸
设置 宽度, 高度和 填充 以匹配您的徽章布局。
6。 位置
全局定位设置适用于所有徽章样式。切换样式时，您的位置设置将被保留。
间隙设置：
- 根据徽章的位置，您可以使用 间隙滑块。
- 仅允许整数值；不支持负值或小数。
7.图像风格
如果您的徽章使用图像而不是文本，您可以自定义：
- 边境
- 角落
- 阴影
8. 显示条件
显示条件控制徽章何时出现在实时页面上。样式之间的切换会保留所有先前设置的值。
触发器类型：
您可以通过点击 ➕图标. 可用的触发器包括：
- 产品库存：必填，不可移除。当库存达到指定数量时显示。
- 折扣价：当折扣达到设定的百分比或金额时显示。
- 价格范围：显示产品价格是否在特定范围内。
- 产品标签：显示产品是否具有选定的标签。
- 创建日期：显示产品是在 X 天内、特定日期或两个日期之间创建的。
特殊条件： 如果出现以下情况，库存是唯一有效的触发器：
- 该产品是手动选择的。
- 动态模式下仅分配一个产品。
- 产品列表包含单个产品。
单击触发器输入字段内部以打开弹出窗口并配置每个触发器的详细设置。
如何在产品徽章上显示折扣百分比
第三步： 点击 产品徽章 您添加到页面中的元素。
第三步： 在左侧边栏中，打开 个人设置 标签。
第三步： 去 文本 部分。
第三步： 点击文本输入框即可打开弹出窗口。
第三步： 插入 {%_discount} Markdown 格式：
- 手动输入，或者
- 点击 “+” 图标并选择 优惠（％） 来自 Markdown 列表。
第三步： 根据需要自定义文本样式、颜色和字体。
第三步： （可选）调整 徽章样式, 尺寸和 职务 与您的设计相匹配。
第三步： 点击 发布 应用更改。
配置高级选项卡
如需更多高级自定义，请导航至“高级”选项卡并按照 本文.
谢谢您的意见