Shopify元素 – 产品变体

在本文中,您将了解另一个Shopify元素:产品变体。

关于产品变体元素

“产品变体”元素可用来在页面上显示Shopify产品的变体,以提高转化率。 您可以使用产品变体元素在产品页面/非产品页面上给您的产品做推广促销。

请注意,您可以使用搜索功能来找到该元素,而不是在侧栏中找到它。

产品变体元素有四个常见的变体,我们将继续添加更多变体以帮助您节省时间。

将变体拖动到布局,然后查看如何配置它。

产品变体元素配置

“产品变体”元素带有许多参数,可让您微调内容外观以实现最佳转化率。

在布局中选中该元素以查看其参数。

将“产品变体”元素拖放到编辑器页面时,“产品来源”有2个可选项:

  • 自动
  • 自定义产品

请注意,如果您在“产品页面”中使用“产品变体”元素,可选择“产品来源”选项。 但是,当您在“常规页面”中使用此元素,则默认禁用“产品来源”选项,并选择“自定义产品”。

如果选择“自动”,则在创建此产品页面时分配的产品将显示在页面编辑器中。 当您使用“产品变体”元素时,“自动”选项是默认选项。

您可以选择“自定义产品”,然后选择所需的产品。

常规选项参数
1. CONTENT组合变体: 
  • 如果想每个变体单独显示,请禁用此功能。
    • 变体布局:有两种可选布局类型,“垂直”和“水平”。显示变体标签:如果要显示变体的标签,请启用此选项。
    • 标签位置: 有两个可选位置
      • 在变体的顶部
      • 在变体的左侧
    • 选项显示: 您可以通过以下2种方式按1设置选项显示
      • 下拉菜单:变体将按照下图显示在下拉菜单中

pagefly product variant 4

      • 单选按钮:变体将显示为单选按钮,如下图所示

pagefly product variant 5

  •  如果要在一行中组合所有变体,请启用此选项。
    • 售罄文本:插入要显示的文本,以在产品变体售罄时通知客户。
4. 属性 你可以在这里阅读更多。
5. 能见度 你可以在这里阅读更多。
6. 动画效果 你可以在这里阅读更多。
样式选项参数
1. 整体您可以在此处了解所有这些参数。
2. 边距您可以在此处了解所有这些参数。
3. 排版印刷您可以在此处了解所有这些参数。
4. 背景您可以在此处了解所有这些参数。
5. 边框您可以在此处了解所有这些参数。
6. 显示您可以在此处了解所有这些参数。
7. 自定义CSS您可以在此处了解所有这些参数。

Navigate this category

Do you want to get more sales from the same amount of traffic?

PageFly can help you. We are the best page builder app to give you the freedom to customize your page, build trust and gain more sales.

Explore PageFly
PageFly Languagues

PageFly Help Center is now available in French, Portuguese and Chinese. Please check the flags on the page header.

I got it!