产品信息版块是产品页面的主体部分。它在一侧显示产品图片,在另一侧显示产品详情(名称、描述和订单表单)。它是产品页面的必需版块,所以您可以设置它的样式,但不能删除它。
在哪里找到它
- 打开建站工具,在页面标签中选择产品页面。
- 选择一个产品进行预览。这只会改变预览显示的内容:您的设计会同时应用于所有产品。
- 在预览或版块标签中点击产品信息。
该版块有两个固定部分:媒体和详情。您不能删除或移动它们,只能设置它们。在手机上它们会上下堆叠:先是图片,然后是详情。
版块设置
- 版块宽度:页面让内容保持在页面宽度内,全宽从一边延伸到另一边。
- 等宽列:开启时,图片和详情各占一半宽度。关闭时,每列占用所需的空间。
- 配色方案、间距(两列之间的空白)、内边距以及自定义 CSS。
媒体:图片图库
显示您为产品添加的照片和视频。
- 模式:轮播(一次一张图片)或网格(同时显示所有图片)。
- 固定:关闭、桌面、手机或两者。固定图库会在顾客滚动浏览详情时保持在视野中。
- 网格:列数(1 或 2)、间距以及首个全宽(第一张图片横跨两列)。
- 轮播:导航图标(箭头、箭头符号或无)、图标背景、桌面端分页(圆点、计数器、缩略图)和移动端分页(圆点、计数器、提示、缩略图)。提示会露出下一张图片的一部分。
- 缩略图:在桌面端使用缩略图时,可以设置桌面端位置(左、底部、右)和桌面端尺寸。在手机上,缩略图始终位于图片下方。
- 宽高比:自动保持每张图片本来的形状。选择纵向、正方形或横向时,媒体适应可选覆盖(填满并裁剪)或完整显示(显示整张图片)。
- 启用缩放:顾客点击或点按图片即可全屏查看。
详情:图片旁边的区块
详情有间距和桌面端固定(顾客滚动经过图片时,该列保持在视野中)。选择它并点击添加新区块即可添加区块,还可以拖动成任意顺序。
- 标题:产品名称,每页一个。可设置宽度、对齐、预设、行高和字间距。在移动设备上显示在图片上方会在手机上把名称(连同评分)移到图库上方。在标题上方显示评论会把星级评分放在名称上面。
- 描述:来自产品的文字。可设置行高和字间距。开启点击图片以滚动后,当屏幕上没有表单时,在描述中点击会滚动到订单表单。链接仍然可以正常使用。
- 表单:价格、变体和购买按钮。它的选项请参阅如何设置落地页信息版块和订单表单(按钮、倒计时、WhatsApp)?
- 分隔线:区块之间最多 2 条线。
- 折叠项、配送时间线、尺码指南、徽章和前后对比:请参阅如何在产品页面添加折叠标签、配送日期、尺码指南、徽章或前后对比图片?
表单和描述是必需的:您可以移动它们,但不能删除。
固定按钮
当顾客滚动离开订单表单后,在屏幕上保留一个购买入口。只要有表单可见,它就会再次隐藏。模式:
- 无:没有固定元素。
- 横栏:底部的一条横栏,显示价格、数量和购买按钮。
- 按钮:一个悬浮按钮,点击后滚动到表单。可设置标签(留空则使用购买按钮的文字)、样式(主要或次要)、位置(开始、居中、末尾)和动画(脉冲、心跳、摇晃、弹跳、发光、波纹、摆动或无)。
- 图片:一张由您选择的悬浮图片,点击后滚动到表单,可设置位置和动画。
在建站工具中,选中该版块时会显示固定元素,方便您设置它的样式。