如何使用 WooCommerce 产品比较按钮创建产品表
您是否曾经想在带有快速产品比较按钮的表格中列出 WooCommerce 产品？ 本文将通过结合 WooCommerce 产品表和 YITH WooCommerce 比较插件来解释如何做到这一点。
将 WooCommerce 产品比较按钮添加到产品表中的原因有很多：
- 如果您销售大量产品，那么客户需要一种简单的方法来查看它们。
- 如果您销售技术产品，客户使用事实数据做出购买决定，则产品比较按钮尤其重要。 （例如电视或手机）。
- 也许你卖的是服装等视觉产品，客户需要比较每个产品的图像来选择他们最喜欢的产品。
通过结合这两个插件，您的客户可以在节省空间的表格布局中查看您的部分或全部产品。 他们可以点击他们感兴趣的商品的 WooCommerce 产品比较按钮。这会打开一个简洁的比较表，每个产品都在一个单独的列中。 客户可以并排查看产品并将他们喜欢的产品直接添加到购物车中。
带有比较按钮的 WooCommerce 产品表
客户可以单击以比较灯箱中的项目
如何将 WooCommerce 产品比较按钮添加到您的产品表中
在开始之前，我假设您已经设置了 WooCommerce 产品表以在节省空间的表视图中列出产品。 如果没有，请立即获取插件并根据“入门”电子邮件中的说明进行设置。 接下来，返回并按照以下说明进行操作：
- 转到 WooCommerce 产品表插件设置页面（WooCommerce → 设置 → 产品 → 产品表) 并启用“简码”按钮。 这告诉产品比较按钮在表格中正确显示。 还要确保未勾选“延迟加载”框（请参阅 限制， 以下）。
- 确定您希望产品比较按钮出现在表格的哪一列。这需要是“编辑产品”屏幕上的字段之一。 例如，您可以使用简短或长描述，或自定义字段。
- 使用这些说明选择产品表中显示的列。 确保您的列列表包括您将添加“比较”按钮的列。 这些说明还告诉您如何重命名列 – 例如，您可能希望将列名称更改为“比较”。
- 转到每个产品的“编辑产品”屏幕。 添加短代码
[yith_compare_button type="button"]到您在步骤 2 中选择的字段。
我可以动态添加短代码吗？
上述说明针对的是非编码人员，并提供了一种在表格中的每个产品旁边添加“比较”按钮的简单方法。
如果您想要一种简单的方法来自动为每个产品添加比较按钮，那么我建议添加 [yith_compare_button type="button"] 短代码作为您在表格中显示的自定义字段的默认值。 大多数自定义字段插件，例如 高级自定义字段，允许您为每个产品添加默认值。 （注意：如果您在设置自定义字段和默认内容之前添加了产品，那么您需要编辑每个产品并单击“更新”，然后才会为该产品存储默认内容）。
或者，如果您具有开发人员级别的技能，那么您可以编写一些自定义代码来为您完成。 如果您没有开发人员，那么我建议您在 Codeable 上发布工作。 他们预先批准的 WordPress 专家将向您发送报价。 Codeable 是寻找擅长定制插件的优秀 WordPress 开发人员的好地方。
以下是开始动态添加产品比较按钮的一些提示：
- 使用以下代码或类似代码 将“比较”按钮插入产品表中的字段之一：
<?php echo do_shortcode('[yith_compare_button product="' . $product_id .' type="button"]' ); ?>
- 这是我们的开发人员文档的链接，该文档介绍了如何以编程方式将自定义列添加到表中。
限制
Woo 产品表和 YITH WooCommerce 比较在我们的测试中很好地协同工作。 唯一的限制是您不能在使用延迟加载方法加载的表中使用“比较”按钮。
要避免此限制，只需在产品表中禁用延迟加载。
从哪里获得插件
您可以从我们的网站获取 WooCommerce 产品表，并从 YITH 网站获取 YITH WooCommerce 比较：
WooCommerce 产品表 YITH WC 比较
进一步阅读：使用 WooCommerce 产品比较表插件增加您的销售额
