跳至正文
帮助
编辑器版块与区块

如何设置产品页面上的产品信息版块(图片、标题、描述、固定按钮)?

设置产品页面的产品信息版块:图片和视频图库(网格或轮播、缩略图、缩放、固定图库),产品标题和描述区块,分隔线,等宽列,以及固定购买按钮或购买栏。

阅读时间 4 分钟

产品信息版块是产品页面的主体部分。它在一侧显示产品图片,在另一侧显示产品详情(名称、描述和订单表单)。它是产品页面的必需版块,所以您可以设置它的样式,但不能删除它。

在哪里找到它

  1. 打开建站工具,在页面标签中选择产品页面。
  2. 选择一个产品进行预览。这只会改变预览显示的内容:您的设计会同时应用于所有产品。
  3. 在预览或版块标签中点击产品信息。

该版块有两个固定部分:媒体和详情。您不能删除或移动它们,只能设置它们。在手机上它们会上下堆叠:先是图片,然后是详情。

版块设置

  • 版块宽度:页面让内容保持在页面宽度内,全宽从一边延伸到另一边。
  • 等宽列:开启时,图片和详情各占一半宽度。关闭时,每列占用所需的空间。
  • 配色方案、间距(两列之间的空白)、内边距以及自定义 CSS。

媒体:图片图库

显示您为产品添加的照片和视频。

  • 模式:轮播(一次一张图片)或网格(同时显示所有图片)。
  • 固定:关闭、桌面、手机或两者。固定图库会在顾客滚动浏览详情时保持在视野中。
  • 网格:列数(1 或 2)、间距以及首个全宽(第一张图片横跨两列)。
  • 轮播:导航图标(箭头、箭头符号或无)、图标背景、桌面端分页(圆点、计数器、缩略图)和移动端分页(圆点、计数器、提示、缩略图)。提示会露出下一张图片的一部分。
  • 缩略图:在桌面端使用缩略图时,可以设置桌面端位置(左、底部、右)和桌面端尺寸。在手机上,缩略图始终位于图片下方。
  • 宽高比:自动保持每张图片本来的形状。选择纵向、正方形或横向时,媒体适应可选覆盖(填满并裁剪)或完整显示(显示整张图片)。
  • 启用缩放:顾客点击或点按图片即可全屏查看。

详情:图片旁边的区块

详情有间距和桌面端固定(顾客滚动经过图片时,该列保持在视野中)。选择它并点击添加新区块即可添加区块,还可以拖动成任意顺序。

表单和描述是必需的:您可以移动它们,但不能删除。

固定按钮

当顾客滚动离开订单表单后,在屏幕上保留一个购买入口。只要有表单可见,它就会再次隐藏。模式:

  • 无:没有固定元素。
  • 横栏:底部的一条横栏,显示价格、数量和购买按钮。
  • 按钮:一个悬浮按钮,点击后滚动到表单。可设置标签(留空则使用购买按钮的文字)、样式(主要或次要)、位置(开始、居中、末尾)和动画(脉冲、心跳、摇晃、弹跳、发光、波纹、摆动或无)。
  • 图片:一张由您选择的悬浮图片,点击后滚动到表单,可设置位置和动画。

在建站工具中,选中该版块时会显示固定元素,方便您设置它的样式。

仍需帮助?

给我们留言,我们会回复你。

联系我们