Shopify元素-产品列表

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

关于产品列表元素Click to copy

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

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

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

产品列表元素配置Click to copy

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

在布局中查看元素参数。

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您可以在此处了解所有这些参数。

设备敏感度Click to copy

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

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

重要提示:Click to copy

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

Thank you for your feedback!

Could not find the answer to your question?

No worries, contact Our LiveChat Support 24/7

Contact PageFly LiveChat
PageFly Languagues

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

I got it!