Shopify元素-查看产品系列详情

在本文中,您将了解另一个Shopify元素:查看产品系列详情。

关于“查看产品系列详情”元素Click to copy

“查看产品系列详情”元素旨在在相应的系列页面上显示您的产品系列的详细信息以此提高转化率。 您可以使用“查看产品系列详情”元素在任何“产品系列”/非产品系列页面上推广您的产品系列。

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

shopify elements collection view details

“查看产品系列详情”元素有三种常见变体,我们将继续添加更多变体以帮助您节省时间。

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

“查看产品系列详情”元素配置

“查看产品系列详情”元素带有许多参数,可让您微调内容外观以实现最佳转化率。

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

将“查看产品系列详情”元素拖放到编辑器页面时,“产品系列来源”有2个可选项:

  • 自动
  • 自定义产品系列

pagefly collection view details element

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

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

当客户单击“查看详细信息”按钮时,将会转到相应的产品系列页面。 下面的示例将向我们展示如何操作。

collection view details element

常规选项参数
1. 内容
  • 按钮文字:为“查看详细信息”按钮, 输入文字。
  • 显示图标:启用以显示“查看详细信息”按钮的>图标。
2. 追踪
  • 将Google Analytics(谷歌分析)事件添加到您的总帐户。 您可以在此处了解如何进行设置。
  • 客户点击元素时的Facebook Pixel(脸书像素)活动。 你可以在这里阅读更多。
3. 属性 你可以在这里阅读更多。
4. 能见度 你可以在这里阅读更多。
5. 动画效果 你可以在这里阅读更多。
样式选项参数
  • 按钮状态: 有两种可选项:
    • 常规
    • 悬停: 如果选择此选项,则只有将鼠标悬停在“查看详细信息”按钮上时,才会显示样式的所有内容。
1. 整体您可以在此处了解所有这些参数。
2. 边距您可以在此处了解所有这些参数。
3. 排版印刷您可以在此处了解所有这些参数。
4. 背景您可以在此处了解所有这些参数。
5. 边框您可以在此处了解所有这些参数。
6. 显示您可以在此处了解所有这些参数。
7. 自定义CSS您可以在此处了解所有这些参数。

Navigate this category

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

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

I got it!
Explore how you can use PageFly to win this Christmas and Year-end sales Check now