该插件使用不依赖于 jQuery 的脚本 glide.js 替换了旋转木马滑块上的标准相关产品和加价销售产品,该脚本比其类似物快得多。
只需激活插件,相关产品的轮播将已出现在您的商店中。除其他事项外,您可以分别配置相关产品和推荐(追加销售)产品。
产品卡的设计将与您的模板的设计相匹配,但应注意,某些模板具有自己的推荐或相关产品的自定义轮播。
设置插件
WooCommerce→设置→产品→相关产品轮播
WooCommerce→设置→产品→加售产品轮播
特征:
用转盘替换相关产品的标准输出和推荐(追加销售)产品
不依赖 jquery,加载速度非常快
您可以更改标准部分的标题
您可以启用或禁用自动播放
您可以更改滚动轮播的时间间隔
您可以在轮播中指定产品数量
您可以指定可见产品的数量(指定网格)
您可以指定在移动设备和平板电脑上显示的产品数量
如果标准随附产品和推荐产品的数量少于圆盘传送带中指示的可见产品的数量,则不会显示。也就是说,不会创建轮播。只有高质量的优化。
您可以禁用轮播并控制其他功能-节标题,显示的产品数,列数
新的高级设置
在移动设备上提示(请参阅屏幕截图)
设置移动提示的样式(请参阅截屏)
带裁切的中央模式(请参阅屏幕截图)
仅限移动设备上的中央模式
选择轮播过渡动画
设置过渡动画的持续时间
设置产品之间的距离
导航图标的选择(请参阅屏幕截图)
设置导航颜色
所有新选项在管理面板中都有提示。您总是可以微调轮播。
插件的好处
“用于 WooCommerce 的 Carousel 追加销售及相关产品” 插件的最重要优点是,它使用 glide.js 的 JavaScript 库,并且没有 jQuery 依赖项。插件的主 JS 文件仅重约 23kb,压缩表单的重约 7kb 。与类似的轮播幻灯片(例如 Slick Slider(88kb,压缩后的 44kb))相比,Swiper Slide(超过 100kb)或 OWL 轮播(89kb,压缩后的 44kb)要小很多倍,我会提醒 glide.js, jQuery 依赖项。有了所有这些,glide.js 具有 “触摸滑动” 模式,该模式允许手指(元素上的触摸)在正确的方向上移动轮播。
结果,该转盘工作得更快,并且直接将您的货物立即装载到该转盘中。顺便说一句,请记住要优化您的图像,因为搜索引擎喜欢快速的网站,现在在线商店的所有者争夺每个 kb 。
所需的插件
WooCommerce
十分感谢
感谢精彩的 javascript 轮播 Glide.jsJędrzejChałubek
感谢您的帮助Сampusboy
感谢您的帮助 KAGG Design
感谢您帮助开发人员 Artem Abramovich
如需帮助,请电报聊天 “ WordPress&WooCommerce” 和所有参与者
有关 WordPress 网站 wp-kama.ru 的俄语最佳文档
捐赠链接:
用贝宝付款
翻译
如果您希望帮助翻译此插件,欢迎您!
贡献,请访问 translate.wordpress.org