Jet Product Gallery 插件能非常方便的展示网站产品页面的产品主图,有多种布局可以选择,还可以添加产品视频,而且在使用WooCommerce管理产品的B2C网站、使用ACF管理产品的B2B网站都能通用。
安装 Jet Product Gallery
首先,在本站购买并下载Jet Product Gallery插件,会得到一个.zip插件压缩包,使用上传的方式安装该插件↓

Wordpress后台 – 插件 – 添加插件 – 上传插件 – 选择文件(下载的插件.zip压缩包) – 立即安装。
如何使用 Jet Product Gallery?
安装后启用插件,在Elementor编辑页面就会看到多出的四个JetProductGallery元素↓

其中使用最多的就是Gallery Slider元素,本次使用教程也是使用该元素作为演示,其他元素设置比较简单,就不再过多赘述。
首先进入我们自定义设计的产品详情页模板,将Gallery Slider元素添加到所需位置:

在该元素的内容设置里,我们主要关注图像和视频的动态标签,这两个标签可以分别动态引用WooCommerce或者是通过ACF自定义字段添加的产品图片和产品视频。
其他设置如下图所示:

Gallery这部分主要设置该元素功能的开启或关闭,可以按需设置或者保持默认设置。

Video这块主要针对产品画廊里的视频做设置,比如调整视频比例、视频展示的位置顺序、是否自动播放以及更换播放按钮图片。

上面这张图的设置主要就是对轮播图分页的设置,选择分页图片,以及比较重要的Pagination Type,决定了轮播图下方显示小图还是小圆点。
这些设置都做好后的轮播图样式如下 ↓

以上就是本篇文章的全部内容。





