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

如何在店铺中添加返回顶部按钮?

添加返回顶部版块:位于底部角落的圆形箭头按钮,滚动后出现,点击即可让顾客回到顶部。设置它所在的角落、大小、滚动进度环和配色方案,并在每个页面上显示它。

阅读时间 3 分钟

返回顶部版块会在屏幕底部角落添加一个圆形箭头按钮。顾客点按后,页面会回到顶部。它对较长的页面很有帮助,例如有很多照片和评论的产品页面。

添加它

  1. 打开建站工具,进入您想要的页面。
  2. 在版块标签中,点击添加新版块,在布局分组中选择返回顶部。
  3. 设置它所在的角落、大小和颜色,然后点击发布。

任何页面每页可以添加一个。它在版块列表中的位置并不重要,因为按钮始终悬浮在角落。

何时显示

在页面顶部时按钮是隐藏的。顾客向下滚动大约一屏后它就会出现,回到顶部附近时又会隐藏。在建站工具中,选中该版块时按钮会显示,方便您无需滚动即可设置样式。

在设备上开启了减少动态效果的顾客会直接跳到顶部,而不是平滑滚动。

设置

布局

  • 位置:屏幕底部的开始或末尾角落。它们会跟随店铺语言:在英语等从左到右的语言中,开始是左下角,末尾是右下角;在阿拉伯语等从右到左的语言中,两者对调。默认是末尾。
  • 大小:按钮大小,44 到 80 像素(默认 48)。即使是最小尺寸,在手机上也很容易点按。

外观

  • 滚动进度:在箭头周围显示一个圆环,随着顾客向下滚动逐渐填满。默认开启。关闭后为普通按钮。
  • 配色方案:按钮使用所选配色方案的主要按钮颜色(背景、箭头和悬停颜色)。要更改它们,请在配色方案中编辑该配色方案。

在每个页面上显示

每个页面都有自己的版块,所以先添加一次按钮,然后使用应用到所有页面。这只会更新已有返回顶部版块的页面,所以请先把它添加到其他页面。请参阅版块和区块。

小贴士

  • 按钮没有出现:页面可能太短,滚动不到一整屏。请换一个更长的页面试试。
  • 按钮位置比预期高:在底部有固定购买栏的页面上,按钮会上移,避免两者互相遮挡。
  • 其他悬浮元素:固定的邮件订阅按钮使用左下角。如果两者都用,请把返回顶部放在另一侧,以免重叠。
  • 不容易看清:选择一个主要按钮颜色与页面背景对比明显的配色方案。
  • 暂时隐藏:使用版块上的眼睛图标。它的设置会被保留。隐藏或删除只会影响您当前所在的页面。

仍需帮助?

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

联系我们