返回顶部版块会在屏幕底部角落添加一个圆形箭头按钮。顾客点按后,页面会回到顶部。它对较长的页面很有帮助,例如有很多照片和评论的产品页面。
添加它
- 打开建站工具,进入您想要的页面。
- 在版块标签中,点击添加新版块,在布局分组中选择返回顶部。
- 设置它所在的角落、大小和颜色,然后点击发布。
任何页面每页可以添加一个。它在版块列表中的位置并不重要,因为按钮始终悬浮在角落。
何时显示
在页面顶部时按钮是隐藏的。顾客向下滚动大约一屏后它就会出现,回到顶部附近时又会隐藏。在建站工具中,选中该版块时按钮会显示,方便您无需滚动即可设置样式。
在设备上开启了减少动态效果的顾客会直接跳到顶部,而不是平滑滚动。
设置
布局
- 位置:屏幕底部的开始或末尾角落。它们会跟随店铺语言:在英语等从左到右的语言中,开始是左下角,末尾是右下角;在阿拉伯语等从右到左的语言中,两者对调。默认是末尾。
- 大小:按钮大小,44 到 80 像素(默认 48)。即使是最小尺寸,在手机上也很容易点按。
外观
- 滚动进度:在箭头周围显示一个圆环,随着顾客向下滚动逐渐填满。默认开启。关闭后为普通按钮。
- 配色方案:按钮使用所选配色方案的主要按钮颜色(背景、箭头和悬停颜色)。要更改它们,请在配色方案中编辑该配色方案。
在每个页面上显示
每个页面都有自己的版块,所以先添加一次按钮,然后使用应用到所有页面。这只会更新已有返回顶部版块的页面,所以请先把它添加到其他页面。请参阅版块和区块。
小贴士
- 按钮没有出现:页面可能太短,滚动不到一整屏。请换一个更长的页面试试。
- 按钮位置比预期高:在底部有固定购买栏的页面上,按钮会上移,避免两者互相遮挡。
- 其他悬浮元素:固定的邮件订阅按钮使用左下角。如果两者都用,请把返回顶部放在另一侧,以免重叠。
- 不容易看清:选择一个主要按钮颜色与页面背景对比明显的配色方案。
- 暂时隐藏:使用版块上的眼睛图标。它的设置会被保留。隐藏或删除只会影响您当前所在的页面。