Generic filters
页面
教程分类

Jet Product Gallery 产品轮播图插件使用教程

Generic filters
Jet Product Gallery 教程
Jet Product Gallery 可以美化产品图片的展示,有多种布局元素,还支持添加产品视频,并且适用于WooCommerce和ACF。
文章目录

本篇文章共 842 字,预计阅读时间 4 分钟

Jet Product Gallery 插件能非常方便的展示网站产品页面的产品主图,有多种布局可以选择,还可以添加产品视频,而且在使用WooCommerce管理产品的B2C网站使用ACF管理产品的B2B网站都能通用。

低价购买 Jet Product Gallery 插件

安装 Jet Product Gallery

首先,在本站购买并下载Jet Product Gallery插件,会得到一个.zip插件压缩包,使用上传的方式安装该插件↓

上传的方式安装Wordpress插件

Wordpress后台 – 插件 – 添加插件 – 上传插件 – 选择文件(下载的插件.zip压缩包) – 立即安装。

如何使用 Jet Product Gallery?

安装后启用插件,在Elementor编辑页面就会看到多出的四个JetProductGallery元素↓

Jet Product Gallery 在Elementor中的元素

其中使用最多的就是Gallery Slider元素,本次使用教程也是使用该元素作为演示,其他元素设置比较简单,就不再过多赘述。

首先进入我们自定义设计的产品详情页模板,将Gallery Slider元素添加到所需位置:

Jet Product Gallery 元素添加图片和视频

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

其他设置如下图所示:

Jet Product Gallery 元素在Elementor中设置功能启用

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

Jet Product Gallery 元素在Elementor中设置视频样式

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

Jet Product Gallery 元素在Elementor中设置分页样式

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

这些设置都做好后的轮播图样式如下 ↓

Jet Product Gallery 效果展示

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

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
提供专业外贸建站服务
WordPress建站资源下载
WordPress 插件下载,合理使用插件丰富网站功能
WordPress服务器推荐,外贸专用VPS | 虚拟主机教程、测评
WordPress专用VPS、虚拟主机推荐
文章标签
文章推荐
文章目录

建站遇到问题?

联系我们获得技术支持
相关文章
Google OAuth 2.0 客户端 ID 和 Secret 创建教程
Google OAuth 2.0 客户端创建教程

本篇文章分享 Google OAuth 2.0 客户端 ID 和 Secret 创建教程,让你的网站可以安全访问 Google API,让用户可以使用谷歌一键登录你的网站!

WordPress 多语言插件如何选择?
WordPress 多语言插件如何选择?

本篇文章列出多款主流的 WordPress 多语言插件(WPML、Polylang、TranslatePress 等),然后从功能特性、SEO 友好度、易用性、性能影响、等几个方面进行对比测评。


or

or