您的产品目录越大，访问者就越难找到他们想要的东西。逐页浏览以找到合适的项目可能会很麻烦。这是产品滑块可以派上用场的地方。
使用产品滑块，您可以在单个页面上显示任意数量的项目，并使您的目录易于浏览。您的滑块可以根据需要选择占用尽可能少或尽可能多的空间。
在本文中，我们将向您展示一些我们最喜欢的电子商务滑块示例。然后，我们将介绍如何使用两个不同的插件构建 WooCommerce 产品滑块，这两个插件都提供免费版本。
让我们开始吧！
想要向#WooCommerce 添加产品滑块吗？ 2 这两个免费的#plugins 可以帮助您
点击发送推文
在商店中使用产品滑块的好处
滑块无处不在。许多网站现在将滑动画廊作为其英雄部分的一部分：
如果您想展示评论或客户推荐，滑块也是一个不错的选择：
但是，很少有类型的网站可以从滑块在线商店获得更多里程。根据产品目录的大小，访问者可能必须浏览许多页面才能找到他们要查找的内容：
有很多方法可以解决这个问题。您可以按类别细分项目，然后添加更好的搜索功能，当然，使用产品滑块：
使用正确的工具，您可以轻松创建引人注目的产品滑块，帮助您展示最畅销的商品。让我们谈谈您的选择。
将产品滑块添加到在线 WordPress 商店的两种简单方法
有许多插件可用于将滑块添加到 WordPress。但是，对于在线商店，您需要开箱即用的 WooCommerce 兼容程序。考虑到这一点，让我们来看看如何使用两个最好的滑块插件选项。
1.使用 WooCommerce 插件的产品滑块
WooCommerce 的产品滑块
作者：Shaped Plugins
当前版本：2.1.16
最后更新：2019 年 11 月 25 日
woo-product-slider。 zip
86% 的评分超过 10,000 次安装 需要 WP 4.3+
WooCommerce 的产品滑块是其中一个插件，它可以告诉您几乎所有您需要了解的名称。使用此插件，您可以获取 WooCommerce 产品并将它们放在滑块中。
您可以根据需要设置任意数量的滑块，并将它们插入任何页面、帖子或自定义模板，其中包括：可配置的简码。您创建的每个产品滑块都是完全可定制的。这意味着您可以更改它的外观、行为方式、是否设置为自动播放、是否支持在移动设备上滑动等。
为了让您的生活更轻松，此插件包括三个主题供您选择让你的滑块看起来独一无二。如果您购买高级许可证，还有很多其他选择。
对于您创建的任何新滑块，您都需要选择一个主题，而不是从头开始。在接下来的教程中，我们将调整选择使其独一无二，并在此过程中向您展示插件在定制方面的表现。
在开始之前，您需要一个至少包含一些产品的 WooCommerce 商店。这是我们的：
勾选现在拿出完成的滑块并告诉你如何到达那里：
为 WooCommerce 设置产品滑块
您需要做的第一件事是为 WooCommerce 插件设置和激活产品滑块。完成后，一个新的产品滑块选项卡将出现在您的仪表板中。
如果您单击“添加新”，您首先会看到的是向您的站点添加新滑块的方法的概述：
继续为滑块设置标题，然后向下滚动到常规设置区域。在这里您可以配置要构建的滑块类型，以及要使用的布局和主题：
主题一提供干净整洁的风格，因此我们会坚持选择。
接下来，您可以配置要在滑块中显示的产品。这个插件的免费版本的缺点是它只能让你为你的最新项目创建滑块：
我们将继续配置滑块以在桌面上显示四列，在移动设备上显示一列，总共 12 个产品。
转到滑块控件选项卡，我们将禁用自动播放，然后启用导航箭头和分页：
后面的设置可以提供更轻松的浏览体验，因此我们建议您也将它们打开。您还可以启用触摸滑动和鼠标拖动以获得更直观的导航：
转到显示选项，我们将滑块的文本设置为黑色。我们还为折扣价设置了不同的颜色，让区别更加明显：
该插件的免费版本没有字体选项。所以，此时，我们的滑块已准备就绪。要发布您的产品滑块，您可以保存它，然后将简码复制并粘贴到配置屏幕顶部任何页面上的“简码”块中：
总体而言，使用 WooCommerce 产品滑块创建功能齐全的滑块只需几分钟。您的样式选项有些受限，但如果您正在寻找简约的东西，这个插件很棒。
2.使用 PickPlugins 为 WooCommerce 构建产品滑块
PickPlugins 产品WooCommerce 滑块
作者：Pick Plugins
当前版本：1.12.23
上次更新时间：2019 年 12 月 18 日
woocommerce -products-slider.zip
92% 额定安装 20,000+ 需要 WP 3.8+
向下连接 PickPlugins Product Slider for WooCommerce 如果您正在寻找更多功能，那么 WooCommerce 是一个很好的选择产品滑块。当涉及到滑块动画时，该插件提供了一大堆选项，包括自定义速度自动播放、悬停效果等。
这个插件丢失的一个方面是它没有为滑块样式提供很多自定义选项。它确实包含一些可以添加到正在销售或有折扣的产品中的元素。但是，您对产品文本外观的控制较少。
另一方面，这个插件的伟大之处在于它允许您将自定义 CSS 添加到您的产品滑块。这意味着您可以自定义滑块设计的各个方面，只要您熟悉 CSS。
考虑到这一点，我们开始使用这个插件来创建一个简单的产品滑块。我们的目标是创建类似于上一节中的滑块的东西，以展示这两个插件之间的一些主要区别：
设置插件
过程非常简单。激活插件后，您可以转到 WCPS > New WCPS 选项卡来创建一个新的滑块。您要做的第一件事是设置标题，插件将向您显示滑块的简码：
要开始自定义过程，请移至“选项”选项卡。您可以在此处选择元素的桌面版和移动版应显示多少列。同样，我们分别选择了四栏和一栏：
接下来，我们禁用了自动播放并启用了“循环”功能，允许访问者直接从最后一个元素滑动到第一个元素，反之亦然。这是以前的插件中没有的一个方便的功能：
除此之外，我们还开启了鼠标和触摸拖动选项。这个插件还提供了一个有用的功能是“延迟加载”，它将元素逐渐加载到滑块中以提高页面速度：
我们现在可以使用“查询产品”选项卡来选择滑块应显示的产品。您会立即注意到该插件不仅提供最新产品，还提供许多选项。不过对于这个例子，我们将坚持使用该设置：
如果向下滚动，您会看到隐藏缺货产品和包括打折商品的选项。然后在样式中，您可以选择四个主题之一作为滑块的基础：
此部分还包括“丝带”，它们是出现在产品图像上以显示折扣和优惠的叠加层。最后，让我们跳转到“元素”选项卡，在这里我们可以选择滑块应包含哪些元素：
由于我们想要构建与之前的滑块类似的东西，我们禁用了类别和销售计数元素。完成自己的自定义工作后，您可以保存滑块，复制其简码并使用简码块发布它。
为了总结我们的想法，我们感谢 WooCommerce 的 PickPlugins Product Slider 为滑块提供了更多有用的自定义选项。但是，缺少样式自定义和界面本身。我们的建议是试用这两个插件的免费版本，看看哪一个最适合您的独特需求。
结论
产品滑块看起来很简单，但它们可以包含很多很酷的功能。您可以向滑块添加过渡效果，将其设置为浏览特定产品类别，使用您想要的任何设计等等。
想要向#WooCommerce 添加产品滑块吗？ 2 这 2 个免费的#plugins 可以帮助您
点击 Tweet
如果您想要一个在样式和功能上都提供出色选择的插件，WooCommerce 的 Product Slider 是您的不二之选好的选择。另一方面，WooCommerce 的 PickPlugins Product Slider 为您提供更多动画选项和更多控制要显示的产品（在免费版本中），但不允许您调整滑块的样式。
最后，如果您正在寻找其他方法来增强商店的购物体验，请查看我们的指南，了解如何优化 WooCommerce 产品页面和我们必备的 WooCommerce 插件集。
您对如何在在线商店中使用产品滑块有疑问吗？让我们在下面的评论部分研究它们！
