关于产品价格元素
In GemPages 编辑器 7.0中，产品价格元素结合了两个独立的元素： 价格筛选 和 比较价格。 该 价格要素 显示产品的正常价格，而 比较价格元素 如果有促销活动，则显示折扣价或原价。同时显示两种价格可以让您的报价更具吸引力，并且是提高转化率的有效方法。
如何添加产品价格元素？
来自 GemPages 仪表板，打开您喜欢的模板以访问编辑器。您可以在左侧边栏快速找到这两个元素，在 产品 部分。
作为子元素，价格和比较价格元素必须位于 产品模块 正常工作。
GemPages 允许您更改价格格式以显示货币后缀。要使用此格式，请转到： GemPages 控制面板 → 偏好设置 并启用 显示价格（含货币）.
如何在正常价格旁边显示比较价格
通常，“比较价格”会显示在“正常价格”旁边，以突出折扣并鼓励购买。请按照以下步骤进行设置：
步骤 1：在 Shopify 中设置销售价格并比较价格
在 GemPages 中显示“比较价格”之前，请确保您已在 Shopify 中配置产品的常规价格和促销价格。您可以按照 Shopify 的指南 正确设置这些。
第 2 步：添加行元素
在 GemPages 编辑器中，将 行元素 到页面上您希望显示价格的位置。选择一个 2列布局 并设置 列宽 至 适合内容。这允许列自动调整以适应其中的内容。
步骤 3：将价格元素插入列
将 价格要素 在一列中， 比较价格元素 在另一列中。根据需要调整对齐方式、间距或样式，以适合您喜欢的设计。
单击该元素，然后 设置面板 将显示在左侧。此面板包含两个选项卡： 个人设置 和 先进的.
配置设置选项卡
价格和比较价格元素都具有几乎相同的配置选项，除了适用于比较价格的划线设置之外。
产品来源
此设置决定元素显示哪个产品的定价信息。默认情况下，它使用产品模块中指定的产品。您可以通过打开 产品选择器 在产品模块设置中。
文字样式
此时，您可以微调文本的排版。以下是可用选项：
1.风格：从预定义选项中选择您想要的样式，其中包括 6 种标题样式和 3 种段落样式。
2.字体：选择您希望在此文本块中使用的字体。如果您想使用未列出的字体，可以参考提供的指导 如何在 Editor v7 中添加自定义字体.
3。 尺寸：通过指定像素值来调整字体大小。
4。 颜色：为文本选择颜色。
5.对齐：确定文本在页面上的定位方式。有四个选项可供选择：左对齐、居中、右对齐和两端对齐。
点击 显示更多 按钮显示更多自定义选项。
6.字体粗细： 从提供的下拉菜单中选择所需的字体粗细。
7. 行高：通过指定百分比值调整文本的高度。
8. 字母间距：通过输入像素值来修改字母之间的间距。
9.转换：使用下列方式之一转换文本：
- 未应用任何变换。
- 大写：将所有文本转换为大写。
- 小写：将所有文本转换为小写。
- 大写：将每个单词的首字母大写。
10.阴影：
您可以添加文本阴影以获得更多的视觉深度：
- 方向： 指定阴影的角度。
- 颜色： 选择阴影颜色。
- 距离： 设置阴影与文本之间的距离。
- 模糊： 调整阴影边缘的柔和度。
划线
此设置仅适用于比价功能。只需启用即可启用价格线。
- 颜色：从调色板中选择您喜欢的线条颜色或输入十六进制颜色代码。
- 厚度：使用滑块或在框中输入特定数字来调整厚度。
配置高级选项卡
如需更多高级定制，请导航至 高级选项卡 并按照中的说明进行操作 本文.
如何使产品价格元素保持固定显示
您可以将产品价格元素设置为固定显示，使其在客户滚动页面时始终可见。这对于确保价格信息始终易于获取非常有用，尤其是在产品页面较长的情况下。
请按照以下步骤将“产品价格”元素设置为固定显示：
步骤 1：选择产品价格要素
在 GemPages 编辑器中，单击 产品价格元素 你想让它变得粘稠。
步骤 2：打开高级设置
选定后，前往 先进的 左侧设置面板中的选项卡。
步骤 3：将位置设置为粘性
滚动到 职务 部分。更改 职务 设置 黏.
故障排除：价格显示不正确
如果您的产品价格在 GemPages 中显示不正确，请检查以下区域：
1. 确保价格元素的正确放置
- 在 GemPages 编辑器中打开您的页面。
- 确保价格元素放置在产品模块内。
- 如果不是，请将产品模块拖到页面上并将价格元素嵌套在其中。
2. 在产品模块中验证产品分配
- 在 GemPages 编辑器中选择产品模块。
- 在设置面板中，确保分配了正确的产品。
- 您可以选择按指定产品显示或手动选择特定产品。
3. 在 Shopify 中确认产品状态和可用性
- 导航到您的 Shopify 管理员 > 产品。
- 选择有问题的产品。
- 确保产品状态设置为“活动”。
- 在“销售渠道和应用”下，确认已选择“在线商店”。
谢谢您的意见