WordPress知识分享

WooCommerce产品轮播插件 PickPlugins Product Slider

PickPlugins Product Slider可以把 WooCommerce产品以轮播方式展示出来,可以不停的循环展示产品。建外贸网站有人喜欢这种产品展示形式,有人不喜欢。老魏只说如何实现。

1、安装启用PickPlugins Product Slider

前提要安装 Woocommerce插件,并且添加了4个产品以上,因为太少了轮播没东西展示,不好看。

WooCommerce产品轮播插件 PickPlugins Product Slider

2、PickPlugins Product Slider插件设置

在 WordPress后台进入 WCPS>all WCPS layouts,新增一个新布局,如下图所示,点击 thumbrail 和 post title,还可以添加 product category 及其它参数。

可以创建多个布局,供轮播产品使用。

PickPlugins Product Slider插件添加新布局

然后点击 add new,添加一个新的滑动产品展示。

Slider:自定义滑块设置,包括列数,PC端平板端移动端数量,是否自动播放,速度、位置、导航样式、颜色等很多选项。

Layouts:如果创建了多个布局,可以选择你喜欢的那一个。

在 shortcode 复制短代码后面使用。

PickPlugins Product Slider插件还有以下功能:

  • 显示最近的产品
  • 展示特色产品
  • 特价商品展示
  • 显示评价最高的产品
  • 展示畅销产品
  • 首先展示特色产品
  • 按产品 ID 显示
  • 随机展示产品
  • 产品分类
  • 按菜单顺序的产品
  • SKU 产品
  • 产品按属性

3、PickPlugins Product Slider插件使用

以 Elementor页面编辑器为例,新建一个page页面,以elementor方式编辑,拖拽 shortcode到编辑区域,在左侧粘贴短代码,保存即可。

此时查看页面就是如下图的效果,轮播产品图片。

PickPlugins Product Slider插件使用

4、总结

PickPlugins Product Slider插件提供了国内比较常见的轮播图片滑动效果,而 WooCommerce自身没有这种图片效果。越是好看的效果越耗费系统资源,可能会导致页面打开比较慢,大家自行尝试。

赞(1)
文章名称:《WooCommerce产品轮播插件 PickPlugins Product Slider》
文章链接:https://www.vpsss.net/27980.html
版权声明:本站资源仅供个人学习交流,禁止转载,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。