在本文中，您将了解另一个Shopify元素：产品价格。
关于产品价格元素
“产品价格”元素可用来在页面上显示Shopify产品的价格，以提高转化率。 您可以使用产品价格元素在产品页面/非产品页面上给您的产品做促销。
请注意，您可以使用搜索功能来找到该元素，而不是在侧栏中找到它。
产品价格元素具有两种常见的变体，我们将继续添加更多变体以帮助您节省时间，例如产品价格和产品比价等
将变体拖动到布局，然后查看如何进行配置。
产品价格元素配置
产品价格元素
“产品价格”元素带有许多参数，可让您微调内容外观以实现最佳转化率。
在布局中选中该元素以查看其参数。
将“产品价格”元素拖放到编辑器页面时，“产品来源”有2个可选项：
- 自动
- 自定义产品
请注意，如果您在“产品页面”中使用“产品价格”元素，可选择“产品来源”选项。 但是，当您在“常规页面”中使用此元素，则默认禁用“产品来源”选项，并选择“自定义产品”。
如果选择“自动”，则在创建此产品页面时分配的产品将显示在页面编辑器中。 当您使用“产品价格”元素时，“自动”选项是默认选项。
您可以选择“自定义产品”，然后选择所需的产品。
| 常规选项参数 | |
| 1. 内容 | 产品来源有2个可选项: 自动和自定义产品. |
| 2. 属性 | 你可以在这里阅读更多。 |
| 3. 能见度 | 你可以在这里阅读更多。 |
| 4. 动画效果 | 你可以在这里阅读更多。 |
| 样式选项参数 | |
| 1. 整体 | 您可以在此处了解所有这些参数。 |
| 2. 边距 | 您可以在此处了解所有这些参数。 |
| 3. 排版印刷 | 您可以在此处了解所有这些参数。 |
| 4. 背景 | 您可以在此处了解所有这些参数。 |
| 5. 边框 | 您可以在此处了解所有这些参数。 |
| 6. 显示 | 您可以在此处了解所有这些参数。 |
| 7. 自定义CSS | 您可以在此处了解所有这些参数。 |
产品比价元素
.产品比价元素带有许多参数，可让您微调内容外观以实现最佳转化率。
在布局中选中元该素查看其参数
将该元素拖放到编辑器页面时，“产品来源”有2个可选项：
- 自动
- 自定义产品
请注意，如果您在“产品页面”中使用“产品比价”元素，可选择“产品来源”选项。 但是，当您在“常规页面”中使用此元素，则默认禁用“产品来源”选项，并选择“自定义产品”。
如果选择“自动”，则在创建此产品页面时分配的产品将显示在页面编辑器中。 当您使用“产品比价”元素时，“自动”选项是默认选项。
| 常规选项参数 | |
| 1. 内容 | 产品来源有2个可选项: 自动和自定义产品. |
| 4. 属性 | 你可以在这里阅读更多。 |
| 5. 能见度 | 你可以在这里阅读更多。 |
| 6. 动画效果 | 你可以在这里阅读更多。 |
| 样式选项参数 | |
| 1. 整体 | 您可以在此处了解所有这些参数。 |
| 2. 边距 | 您可以在此处了解所有这些参数。 |
| 3. 排版印刷 | 您可以在此处了解所有这些参数。 |
| 4. 背景 | 您可以在此处了解所有这些参数。 |
| 5. 边框 | 您可以在此处了解所有这些参数。 |
| 6. 显示 | 您可以在此处了解所有这些参数。 |
| 7. 自定义CSS | 您可以在此处了解所有这些参数。 |
