Shopify元素-产品列表

您将通过本文了解产品列表(Shopify元素)。

关于产品列表元素

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

产品列表元素在PageFly 2.8.0版中进行了改进,增加了一项新功能,即“常规”选项卡中的“加载更多”功能。 有关更多详细信息,请参见本文的下一部分。

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

产品列表元素配置

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

在布局中查看元素参数。

shopify elements product list

常规选项参数

1. 内容
  • 产品来源: 可通过下列3个方式
    • 所有产品: 显示店铺里的所有产品
    • 自定义系列: 选择您要显示的系列
    • 相关产品: 选择您想要的自定义产品,然后与您之自定义产品相关的产品将显示出来 
  • 加载产品数:您最多只能显示20个产品。 (这数量受Shopify的限制)。
  • 每行项目数:调整一行中的项目数
  • 每个间距的项目:调整项目之间的空间
  • 加载模式(此功能是2.8.0版的新增功能):此功能提供了多种显示产品的方式。 这还可以帮助您的客户积极查看您的所有产品。

 

    • 无(空):默认情况下选中此选项。 显示的总产品数量取决于您在上面设置的每次装载的商品数量。 例如,您的商店有100种产品,并且为每个加载选项中的“商品”设置了4种产品,那么它将显示4/100种产品。
    • 分页:此选项将显示为页面编号。 在编辑器中,您可以看到如下图所示的图像.页面首先展示产品也将基于您在上面上传的商品。客户可以单击下面的数字(1,2,3……)以查看其他产品。页面上显示的产品也将基于您在上面设置加载的商品。 客户可以单击“加载更多”按钮以查看其他产品。
4. 属性  你可以在这里阅读更多。
5. 能见度  你可以在这里阅读更多。
6. 动画效果  你可以在这里阅读更多。
样式选项参数
1. 边距 您可以在此处了解所有这些参数。
2. 排版印刷 您可以在此处了解所有这些参数。
3. 背景 您可以在此处了解所有这些参数。
4. 边框 您可以在此处了解所有这些参数。
5. 显示 您可以在此处了解所有这些参数。
6. 自定义CSS 您可以在此处了解所有这些参数。

设备敏感度

创建产品列表元素的目的是在包括台式电脑,笔记本电脑,平板电脑和移动设备在内的所有设备上很好地显示。 您可以通过转到顶部菜单中的设备切换器>选择要查看的设备来查看其显示方式。 让我们看下面的例子。

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

重要提示:

要在产品列表中更改产品顺序,您可观看下面的视频。

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!