个人中心
首页 » 插件/主题 » Woocommerce产品缩略图插件WooThumbs下载, v5.2.0, GPL授权
WooThumbs下载

Woocommerce产品缩略图插件WooThumbs下载, v5.2.0, GPL授权

¥
19
19
终生
¥310
,
此内容查看价格为19元,VIP免费,请先
购买后可永久查看/下载本页所有付费内容
文章目录

最新WooThumbs下载, GPL开心版。Woocommerce自带的产品详情页图片展示功能不美观,也不是响应式,不能插入视频等。主流网站基本都会加装WooCommerce Product Gallery缩略图插件美化增强图片展示功能。

我们安装对比过10多款Product Gallery插件,包括YITH WooCommerce Product Gallery & Image Zoom。要么不够美观,要么功能满足不了需求,WooThumbs是最能满足我们要求的插件,美观,容易设置,功能强大,响应式。

WooThumbs优点:

  1. 美观,时尚;
  2. 加载和显示速度快,页面可以做到秒开;
  3. 设置简单,可自定义程度高;
  4. 响应式,手机端可单独设置缩略图方向等;
  5. 功能强大,可插入视频,跟随可变产品缩略图切换相片等;

可以轻松自定义产品详情页缩略图的显示方向(横、竖),支持图片放大功能,响应式设计,还可以在缩略图中插入视频和360°全景图像。不含 jQuery,加载速度飞快。

WooThumbs for WooCommerce设置界面↓,随心所欲自定义外观和功能

Pasted 2

 

产品图片显示有多种布局可选↓,可选滑块切换相片或者直接把所有详情图显示出来。Pasted 195

 

如果选滑块,可自定义缩略图的位置和数量,竖直放主图左边或者横着放主图下方都行。

Pasted 130

 

图片放大效果

Pasted 1

 

可在Woocommerce产品详情页产品缩略图里插入Youtube、Vimeo、自托管等视频。

缩略图视频

还可以插入360°全景图像(点击下图查看效果,360°全景图像需要预先制作好)。

360° image

点击手动调整参数查看实物效果

 

什么是GPL插件

Woothumbs属于GPL授权产品,安全合法。点击了解什么是GPL协议,点击了解WordPress官网关于GPL的说明。简单的说采用GPL协议的插件/主题源代码开源共享,可以被合法地自由更改、使用、分发。

 

插件安全性

直接从国外正规渠道购买,不修改源代码。所有插件我们自用建站,在多个站点使用过,安全、稳定、可靠。

  1. 通过Virustotal杀毒验证
  2. 通过Wordfence源代码审核;
  3. 通过Sucuri安全杀毒扫描。

Sucuri 扫描结果

 

更新方法/记录

一般新版本出来24小时内本站会进行更新,届时请直接访问本页面下载新版本安装包上传更新,产品标题会写上最新版本号。只能通过上传安装包方式更新,介意勿拍,如果想要在线更新请支持原版去插件官网购买。

点击查看该插件更新记录(Changelog)

 

WooThumbs下载购买条款

本站插件购自国外网站,购买价格为4.99美金/个,有效期2年。迪亚莫统一售卖价格为19元人民币/个,终生有效,并且花费巨大精力制作了使用教程还提供人工答疑服务,绝对物超所值。

插件仅供学习交流研究使用,虚拟产品具有可复制性,一经售出概不退款,详情请移步服务条款。请先登录后再购买,购买后刷新页面获得WooThumbs下载权限。

迪亚莫为购买用户提供售后服务,插件使用过程有任何疑问请在下方评论留言,有问必答。

 

安装/ 启用方法

直接安装下载的zip安装包,启用插件。

安装方法1:上传安装

在网站后台左侧菜单栏目找到并且点击“插件”>“安装插件”,然后点击左上角的“上传插件”,上传下载好的zip安装包点击“立即安装”,安装好后点击“启用插件”完成安装。

上传插件

安装方法2:FTP安装

解压插件压缩包,将解压获得的文件夹上传至plugins目录(xxx.com/wp-content/plugins)。
在网站后台左侧菜单栏目找到并且点击“插件”>“已安装插件”,在插件列表中找到该插件,点击“启用”。

启用插件

 

常见问题&解决方法

1- Astra等主题产品详情页出现2组产品图片

Astra更新到3.9版本后新增了很多功能以及设计,其中产品详情页缩略图在原有3种布局的基础上新增了下图红色框2种slider布局。这2种布局和WooThumbs 目前不兼容,如果选择slider缩略图会导致产品详情页出现2组缩略图。只要改用原始3种布局中的其中一种就可以解决问题。修改路径:外观>自定义>Woocommerce>单件产品> SINGLE PRODUCT GALLERY。

Pasted 87

 

2- 提高缩略图显示速度

WooThumbs编码质量很高,加载速度很快,经过我们测试缩略图以及主图显示速度已经很快。如果你感觉显示慢,可能是页面本身加载速度慢,建议参考教程优化下《真正有用的WordPress优化教程》。

缩略图以及第一张主图都要排除延迟加载,这会进一步加快加载速度。注意:如果有使用延迟JS加载功能,记得排除Woothumbs的JS被延迟加载。

 

3- 美化外观样式

默认的样式缩略图样式不够美观,尤其是选中的缩略图边框粗细和颜色不太美观。下图是我们美化后的效果,如果你也喜欢下图效果,按照下面教程设置。

Pasted 196

先在插件“Display”设置里,把“UI Foreground Colour”修改成你的颜色,这个设置上图的图标颜色。“UI Background Colour”也建议设置为#9d9d9d

Pasted 197

最后把下面CSS添加到外观>自定义>额外CSS。注意:第14行的#edb932是当前缩略图边框颜色,第22和26行的#edb932是上一个/下一个箭头版块Pasted 198的常规/鼠标滑过时背景色。

按需修改上面3个颜色(修改方法: 把颜色代码替换成你想要的颜色的代码),建议都设置成跟“UI Foreground Colour”一样颜色。

/*修改Woothumbs缩略图样式*/ 
@media (max-width: 767px){
.iconic-woothumbs-all-images-wrap.iconic-woothumbs-reset.iconic-woothumbs-hover-icons.iconic-woothumbs-zoom-enabled.iconic-woothumbs-all-images-wrap--thumbnails-below {
margin-top: 0!important; 
.iconic-woothumbs-thumbnails-wrap.iconic-woothumbs-thumbnails-wrap--horizontal {
margin-left: 8px!important;
margin-right: 8px!important;
}
.iconic-woothumbs-thumbnails__slide--active .iconic-woothumbs-thumbnails__image-wrapper:before {
border-width: 1px!important;
}
.iconic-woothumbs-thumbnails__slide--active .iconic-woothumbs-thumbnails__image-wrapper:after{
border-width: 1px!important;
border-color:#edb932!important;
opacity: 0!important;
}
.iconic-woothumbs-thumbnails__image-wrapper:after {
border: 1px solid #a7a7a7!important;
opacity: .3;
}
.iconic-woothumbs-thumbnails-wrap .iconic-woothumbs-thumbnails__control {
background-color:#edb932!important;
opacity: .85;
}
.iconic-woothumbs-thumbnails-wrap .iconic-woothumbs-thumbnails__control:hover {
background-color:#edb932!important;
opacity: 1!important;
}
.iconic-woothumbs-thumbnails-wrap .iconic-woothumbs-thumbnails__control--up{
line-height: 16px; 
}
.iconic-woothumbs-thumbnails-wrap .iconic-woothumbs-thumbnails__control--down{
line-height: 17px; 
}
.iconic-woothumbs-thumbnails-wrap .iconic-woothumbs-thumbnails__control svg{
height: 7px!important; 
}
.iconic-woothumbs-thumbnails__control path {
stroke: #ffffff!important;
}
End

有任何疑问,相关需求请在下方评论留言,我们会及时跟进。

作者图片

迪亚莫专注外贸网站/ 跨境电商独立站搭建、谷歌SEO优化等。无需续费,转化率高。

目录导航
推荐插件 :
评论 :

发表评论

邮箱不会被公开,插入网址需去掉https://前缀。

需要其它插件,主题?留言给我们!
迪亚莫建站
免注册快速登陆

输入用户名密码登录

没有账号? 忘记密码?
微信客服二维码
申请试用

请扫码联系微信客服,支付3元试用该插件/主题。
注意:仅GPL类插件/主题可申请试用,每个用户最多可申请试用1个资源。

购买提示

如需购买请先点击右上角头像注册/登录,登录后如果显示未登录状态请