WooCommerc商城如何实现鼠标悬停产品图自动翻转到另外一张图片

视频教程

我们在浏览别人独立站时经常会发现有些人的产品类目页,鼠标悬浮在图片上时会切换到另外一张图片,其实非常容易实现。

WooCommerc商城如何实现鼠标悬停产品图自动翻转到另外一张图片 1

来到网站的自定义页面,点击WooCommerce下的产品归档。

WooCommerc商城如何实现鼠标悬停产品图自动翻转到另外一张图片 2

下面有个卡片选项,点击进入。

WooCommerc商城如何实现鼠标悬停产品图自动翻转到另外一张图片 3

打开产品图片,下面的悬停效果选择“交换图片”。

WooCommerc商城如何实现鼠标悬停产品图自动翻转到另外一张图片 4

改完保存发布,这样在鼠标放到图片上的时候会自动切换到主图的第二张,形成这种换图的效果。

© 文章版权归白小菌所有,🫰欢迎转发分享。未经允许请勿抄袭转载。

订阅评论
提醒
guest
2 评论
最新
最旧 最多投票
内联反馈
查看所有评论
2790521283
2790521283
1 月 前

一样的步骤,保存刷新后,鼠标放上出没有任何变化。放大缩小也实现不了