Shopify元素 – 产品系列列表

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

关于产品系列列表元素Click to copy

产品系列列表旨在将您页面上的产品以列表显示从而提高转换率。 您可使用产品系列列表元素来做追加销售和交叉销售。 假设您要销售一种产品,而您想出售同一系列中的其他产品。 该元素将赋能您的销售。

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

pagefly collection list element

产品系列列表元素配置Click to copy

产品列表元素带有大量参数,可让您通过这些参数微调其内容和外观以实现最佳转化率。

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

shopify elements collection list

常规选项参数
1. 内容
  • 产品来源: 可通过下列2种方式:
    • 所有:显示商店的所有产品系列
    • 自定义产品系列:显示商家想展示的产品系列
  • 加载数:调整显示的产品系列数量
  • 每行数:调整一行中的项目数
  • 间距:调整项目之间的空间
2. 追踪
  • 将Google Analytics(谷歌分析)事件添加到您的总帐户。 您可以在此处了解如何进行设置。
  • 客户点击元素时的Facebook Pixel(脸书像素)活动。 你可以在这里阅读更多。
3. 属性  你可以在这里阅读更多。
4. 能见度  你可以在这里阅读更多。
5. 动画效果  你可以在这里阅读更多。
样式选项参数
1. 整体 您可以在此处了解所有这些参数。
2. 边距 您可以在此处了解所有这些参数。
3. 排版印刷 您可以在此处了解所有这些参数。
4. 背景 您可以在此处了解所有这些参数。
5. 边框 您可以在此处了解所有这些参数。
6. 显示 您可以在此处了解所有这些参数。
7. 自定义CSS 您可以在此处了解所有这些参数。

设备敏感度Click to copy

创建“产品系列列表”元素的目的是在包括笔记本电脑,平板电脑和手机(移动设备)在内的所有设备上正常显示。 您可以通过转到顶部菜单中的设备切换器>选择要在其上查看的设备来查看其显示方式。 请参见下面的示例。

您可以看到切换到笔记本电脑和平板电脑设备时,默认情况下每行项目均为4,但在手机/移动设备视图中,每行项目自动设置为2个项目。 这种自动化使移动视图更加清晰简洁。 您可以为所需的每个设备更改每行的项目数和每次加载的项目数。

Navigate this category

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
Boost your holiday sales with PageFly's Thanksgiving Template 👉 Discover Now