跳至正文
帮助
编辑器设计与设置

如何在店铺中添加或关闭滚动动画和图片缩放?

使用建站工具的“动画效果”标签:滚动显示(无、淡入、向上滑入、滑入、缩放)可在顾客滚动时为版块添加动画,图片缩放效果可在鼠标悬停时放大产品图片。了解为什么动画不会在建站工具中显示。

阅读时间 3 分钟

动画效果标签为您的店铺增添动感:顾客滚动时版块以动画形式出现,鼠标悬停时图片会放大。

在哪里找到它

打开建站工具,点击齿轮图标,然后打开动画效果标签。这一部分名为通用动画。

滚动显示

滚动显示会在版块进入屏幕时为其添加动画。每次浏览页面时,每个版块只播放一次动画。可选项:

  • 无:没有动画,版块直接显示。
  • 淡入:内容逐渐显现。
  • 向上滑入(默认):内容在淡入的同时略微向上移动。
  • 滑入:内容在淡入的同时从侧面移入。
  • 缩放:内容略微放大到位。

版块背景会立即出现,只有内容在移动,所以页面上永远不会出现空白。

哪些部分会有动画

  • 页头和公告栏永远没有动画。页面一打开它们就显示在屏幕上。
  • 在产品网格、分类网格、评论和常见问题中,每张卡片或每个项目会依次单独播放动画,而不是整个版块一起动。在轮播布局中,整个版块作为一个整体播放动画。
  • 波浪版块保留淡入效果但不会滑动,这样波浪始终与下方的版块衔接。

选择哪一种

向上滑入适合大多数店铺。淡入最柔和。缩放和滑入更吸引眼球,因此更适合活泼或大胆的设计,而不是沉稳的设计。

图片缩放效果

开启图片缩放效果后,鼠标悬停在图片上时图片会略微放大。它适用于产品卡片、分类卡片、产品页面上的产品图片以及评论图片。它根据鼠标做出反应,所以使用手机的顾客通常看不到。

常见操作

  • 让店铺感觉更沉稳:把滚动显示设为淡入或无。
  • 关闭所有动效:把滚动显示设为无,并关闭图片缩放效果。
  • 让产品照片更有互动感:开启图片缩放效果。

故障排除

  • 我在建站工具中看不到动画。建站工具内部关闭了滚动显示,这样您编辑时无需等待。请发布后打开线上店铺查看。
  • 有些访客从来看不到动画。如果访客在设备上开启了减少动态效果,店铺会直接显示所有版块,不播放动画。这是有意为之,为了舒适性和无障碍访问。
  • 缩放不起作用。请确认您使用的是带鼠标的电脑,并且图片属于上面列出的类型之一。

小贴士

动画设置属于您正在编辑的市场,并应用于该市场的所有页面。点击发布后更改才会上线。如果改变主意,可以在建站工具中撤销更改。请参阅快捷键、撤销和重做。

仍需帮助?

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

联系我们