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

视频教程

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

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

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

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

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

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

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

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

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

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

白小菌
白小菌

嗨,我是白小菌,一个热爱学习并分享的博主。喜欢把复杂内容拆解成简单易懂的步骤,与大家一起学习成长。 在这里,你会看到我分享的外贸,跨境电商,Wordpress建站,SEO、有用的工具技巧等。 如果你有任何疑问或想法,可以在博客任意文章下方留言。如果有更复杂的需求,也可以选择付费咨询,我会尽我所能帮你解决问题。

文章: 455

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注