如何给WooCommerce产品主图添加视频，让产品主图实现轮播滑轨

我们在用Woocommerce创建商城的时候，如果主图图片多的话，可能会产生堆叠的情况，如下面截图，尤其在手机上更占空间，而且还没办法上传视频。今天这篇文章就教你如何给主图上传视频和添加滑轨。

---

视频教程

一. 安装插件

登录Wordpress后台，选择安装新的插件，搜索并安装启用“Product Video Gallery for Woocommerce”，如下图。

安装好之后就可以在插件中心找到，然后点击Settings进入设置的页面。

二. 设置轮播效果参数

这款插件的参数很直观，使用起来也很简单。

• Slider Layout，这里有三个选项，Horizontal，Vertical Left和Vertical Right，是指缩略图和主图的位置关系，可以看下面的截图标注。
• Slider Responsive，在手机上以水平的方式显示缩略图。

下图展示的就是Vertical Left样式，缩略图在左，主图在右。

• Slider Auto-play，访客在查看产品详情页的时候，主图会自动切换。
• Slider Swipe，主图以滑动的方式切换。
• Slider Fade，主图以淡出的方式切换。
• Slider Infinite Loop，主图循环播放。

• Arrow on Slider，主图上带更换箭头图标。
• Arrow on Thumbnails，缩略图上带更换箭头图标。

• Video Thumbnail for all Products，可以为上传的视频设置固定的封面。
• Light-box，在网页上以弹出窗口的形式展示图片、视频或其他内容。
• Zoom style，当鼠标移动到图片上时产生的一些效果（比如放大，在右边放大，局部放大等）。
• Disable Zoom on Mobile，是否在手机端禁用。
• Zoom Level，放大的倍数。

• Allow Template Filter，如果用Divi, Elementor编辑器可以打开。
• Remove Action，如果用Divi编辑器可以打开。
• Enable Thumbnails Hook，可以设置一些Hook。

这几项正常默认即可，不需要设置。

• Hide Thumbnails，是否把主图大图下面的小图隐藏。
• Thumbnails to show，一次显示几张缩略小图。
• Adaptive Height，自动调整图片高度。

• Arrow Color，箭头的颜色。
• Arrow Background Color，箭头背景颜色。
• Video Icon Color，视频播放标志颜色。

三. 上传视频设置

免费版本是支持通过YouTube链接上传视频，但是如果想自己上传视频或者视频位置调整，播放设置这些需要使用Pro版本。

视频上传

打开对应的产品编辑页面，滑到最低边，有个Product Video Url，免费版本默认是Youtube选项，然后先把你的视频上传到Youtube，再把视频链接粘贴到框里就可以了。

产品保存之后，在主图最后就是视频了。

至于视频相关参数的设置基本都是Pro功能，如果想进一步使用，建议可以到官网购买。

四. Pro版本功能介绍

• Show Only Video，勾选后，在视频区域仅显示视频，不显示主图。
• Show Video Controls，自传视频的控制。

• Video Looping，视频循环播放。
• Auto Play Video，视频自动播放。
• Place of the video，有三个位置，After Product Gallery Images（所有产品图片后面，也就是最后位置），After Product Image（在第一张主图后面，也就是第二的位置），Before Product Gallery Images（所有图片前，第一的位置）。

• Short code，简码。

五. 其他推荐工具

Really Simple Featured Video

这是一款为 WordPress 网站设计的插件，旨在帮助用户轻松地在文章、页面以及 WooCommerce 产品中添加特色视频。

主要功能

• 视频嵌入支持：支持自己上传视频，也可以从 YouTube、Dailymotion 和 Vimeo 嵌入视频。
• WooCommerce 集成：为 WooCommerce 提供了单个产品和商店存档页面的特色视频支持，视频可以直接加载到产品缩略图中。
• 主题和构建器支持：支持多种主题和页面构建器，如 Astra Pro、Salient Theme、Elementor Pro 等。
• 视频控制选项：提供视频播放控制功能，如自动播放、静音、画中画等。
• 短代码功能：提供短代码 [rsfv] 和 [rsfv_by_postid]，用于在任何文章、页面或产品中嵌入特色视频。

高级功能（Pro 版）

• 优先支持：提供快速响应的优先支持服务。
• 自定义视频宽高比：可以全局设置视频的宽高比，如 16:9、3:2、1:1 等。
• 视频顺序调整：在 WooCommerce 产品单页中设置视频的显示顺序。
• 更多主题支持：提供对更多高级或自定义主题的兼容性。

这款插件能够很好地满足在 WooCommerce 产品中添加视频的需求。

© 版权声明
文章版权归作者所有，未经允许请勿转载。