使用 WooCommerce 购物车弹出窗口增强您的产品表

WooCommerce 购物车弹出插件

今天我一直在使用一些很棒的免费 WordPress 插件测试我们的旗舰 WooCommerce 产品表插件,称为 WooCommerce 购物车, Woo 浮动迷你车, 和 WooCommerce 添加到购物车弹出窗口.

我很高兴地报告所有这些购物车插件都与产品表完美配合。 这是完美的方式 启用一页排序 在您的商店中,与 即时 WooCommerce 购物车弹出窗口.

寻找 WooCommerce 添加到购物车弹出窗口? 查看我们的另一个插件 WooCommerce Quick View Pro。 这会创建产品弹出窗口,以便客户可以从快速查看灯箱中添加到购物车。

什么是 WooCommerce 产品表?

WooCommerce 产品表以用户友好的订单表单布局列出产品。 客户可以在单个页面上查看大量产品、选择数量、选择变体并快速添加到购物车。

客户如何查看他们的购物车内容?

显然,客户可以随时点击进入购物车页面。 然而,WooCommerce 产品表是关于批量购买的。 您想鼓励客户将越来越多的产品添加到购物车中,所有这些都来自一页 WooCommerce 订单。

因此,客户需要一种即时方式来查看他们的购物车中已有的商品 – 无需离开产品列表页面。

幸运的是,有几种方法可以做到这一点:

选项 1 – 将购物车小部件添加到侧边栏

一些使用 WooCommerce 产品表的网站喜欢在页面上添加一个侧边栏,其中包含 WooCommerce 附带的“购物车”小部件。 当您将产品添加到购物车时,这会立即更新购物车并将其显示在侧边栏中。

选项 2 和 3 – 添加 WooCommerce 侧推车插件

其他商店不喜欢在其产品表页面上设置侧边栏。 这是因为全宽布局为有关产品的额外信息列留出了更多空间。 那么如何在产品列表页面上显示完整的购物车内容?

答案是为 WordPress 使用这些免费的 WooCommerce 购物车插件之一:

2. WooCommerce 购物车

Woo 购物车弹出插件WooCommerce 购物车 XootiX 是一个免费的 WC 购物车弹出插件。 它会在屏幕的右上角或右下角添加一个浮动购物车图标。 当您将产品添加到购物车时,它会打开一个列出购物车内容的弹出窗口。

使用免费版本,您可以在弹出窗口中查看购物车内容,并从购物车中删除产品。 专业版还允许您更改数量并具有额外的功能。

3. Woo 浮动迷你车

WooCommerce 浮动购物车插件 WordPress

Woo 浮动迷你车 是另一个免费的 WordPress 弹出式购物车插件。 它比 XootiX 插件更微妙,因为它只显示一个微妙的浮动图标,您可以单击它来查看购物车内容。

该图标显示购物车中的产品数量。 您可以单击它以查看购物车中的产品,删除产品,然后单击进入购物车并结帐。

选项 4 – 添加 WooCommerce 添加到购物车弹出插件

WooCommerce 添加到购物车弹出窗口

也许您不想在页面一侧显示完整的购物车内容。 如果您希望显示最后一个产品已添加到购物车的弹出确认,请尝试 WooCommerce 添加到购物车弹出窗口(Ajax) 反而。 每当您将产品添加到购物车时,这个免费的 WordPress 插件都会显示一个基于 AJAX 的灯箱。

请注意,此添加到购物车灯箱插件一次只能显示一种产品。 因此,我只建议将它与 WooCommerce 产品表中的标准添加到购物车按钮一起使用。 如果您使用允许客户一次将多个产品添加到购物车的复选框选项,那么这不是适合您的插件。 当您单击“将所选商品添加到购物车”按钮时,灯箱会出现,但它只会列出一种产品。

如果您添加了多个产品,这显然没有意义。 因此,如果您想使用 WooCommerce 产品表附带的添加到购物车复选框,我建议您使用上一节中提到的侧购物车弹出插件之一。 这些支持多种产品,并且更适合复选框添加到购物车选项。

如何在您的产品表中使用 WooCommerce 购物车弹出窗口

好消息是 WooCommerce 产品表与上面提到的三个 WooCommerce 购物车弹出插件完美配合。 它们开箱即用,无需任何特殊配置即可协同工作。

这是如何做到的:

  1. 首先,获取 WooCommerce 产品表并使用知识库中的说明创建一个或多个产品表。 确保您的产品表包含添加到购物车列。 选择您喜欢的任何其他设置 – 购物车插件适用于所有选项,包括加载表格的延迟加载方法。
  2. 接下来,前往 插件 → 添加新 在 WP 管理员中。
  3. 安装并激活上面列出的 WooCommerce 弹出购物车插件之一。
  4. 转到购物车插件设置页面并选择您的选项来控制您希望 WooCommerce 购物车弹出窗口的工作方式。 例如,您可以选择浮动购物车的位置和行为。

最后,转到您添加产品表的页面。 尝试将产品或变体添加到购物车。 每当您添加产品时,您都会看到弹出的 WooCommerce 购物车。 它看起来很棒,并列出了购物车的当前内容 – 完美!

从哪里获取插件

您需要 2 个插件才能将带有 WooCommerce 购物车弹出窗口的产品表添加到您的商店:

  新的! 将产品表添加到 WooCommerce 商店和类别页面的简单方法

类似文章