产品系列页面

产品系列是您将特定产品按类别分组而创建的页面。您可以拥有自动生成的产品系列手动创建的产品系列

在模板编辑器中,产品系列页面默认具有产品系列横幅分区和产品网格分区。

本页相关主题

产品系列横幅分区设置

产品系列横幅分区显示正在查看的产品系列的描述和配图。

产品系列页面上的产品系列横幅分区设置
设置描述
显示产品系列描述显示产品系列的描述。
显示产品系列图片显示产品系列图片。
配色方案可应用于此分区的一组颜色。详细了解配色方案

产品网格分区显示正在查看的产品系列中包含的产品。

产品系列页面上的产品网格分区设置
设置描述
每页产品数您希望在每个页面上显示的产品数量。选择 4 的倍数,介于 8-36。
台式设备上的列数设置产品在台式电脑上显示的列数。选择 1 到 6 之间的数字。
配色方案可应用于此分区的一组颜色。详细了解配色方案
图片比设置产品配图在产品网格中显示的图片比。从以下选项中进行选择:
  • 适应图片 - 使用图片的纵横比。这可以防止图片被裁剪。
  • 纵向 - 将图片裁剪为使用 2:3 比例。
  • 方形 - 将图片裁剪为使用 1:1 比例。
图片形状为产品图片选择以下一种图片形状:
  • 默认 - 将产品图片更改为矩形。
  • 拱形 - 将产品图片顶部更改为曲线形。
  • Blob - 将产品图片更改为六种 blob 圆形中的随机一种圆形,并且在悬停时可显示独特的动画。
  • 向左 V 形 - 将产品图片更改为向左 V 形,并在左侧有一个尖角。
  • 向右 V 形 - 将产品图片更改为向右 V 形,并在右侧有一个尖角。
  • 菱形 - 将产品图片更改为四边菱形。
  • 平行四边形 - 将产品图片更改为有两组平行线的形状。
  • 圆形 - 将产品图片更改为圆形或椭圆形,并且在悬停时可显示独特的动画。
在悬停时显示第二张图片当客户在台式电脑上将光标悬停在产品图片上时,此选项显示第二张产品图像(如果产品有第二张图片)。
显示厂商显示每款产品的厂商。
显示产品评分用星星图形显示平均产品评分,并在括号里注明评论数,例如:★★★★★ (8)。还需要产品评论应用以及元字段定义(用于 reviews.rating_countreviews.rating)。
快速添加如果您激活快速添加选项,则您的客户可以从产品卡将商品添加到购物车。从以下选项中进行选择:
  • - 不显示快速添加功能。
  • 标准 - 在产品卡上显示以下快速添加按钮之一:
    • 添加到购物车 - 适用于单一属性产品。当客户点击此按钮时,产品会自动添加到他们的购物车。
    • 选择选项 - 适用于有多属性的产品。当客户点击此按钮时,系统将显示一个弹出对话框,供客户选择多属性,然后继续购买。
  • 批量 - 显示快速订单列表功能。
启用筛选如果您希望客户具有筛选产品网格的选项,请选择此选项。
台式设备筛选布局设置筛选在台式电脑上显示的方式。在水平垂直抽屉布局之间选择。
启用排序如果您希望客户具有排列产品显示顺序的选项,请选择此选项。
移动设备上的列数设置产品在移动设备上显示的列数。选择 1 列或 2 列。
顶部填充设置分区顶部的间距。
底部填充设置分区底部的间距。

除了产品网格分区设置外,您还可以查看和自定义产品卡的一些模板设置,还可以添加特定于分区的自定义 CSS

没有找到您需要的答案?我们将为您提供帮助。