添加模态到woocommerce添加到购物车按钮
我正在用woocommerce建立一个wordpress网站。
我想添加一个可选的保险产品，当客户点击特定产品的“添加到购物车”时，该产品会弹出。 这个想法是他们必须在继续结账之前接受或拒绝这个产品。
我已经尝试过使用bootstrap模式但我无法使用add to cart按钮触发它。 Modal作为页面内置的特定模式按钮工作正常，所以我知道它不是jquery或bootstrap的问题，但我无法弄清楚如何将它链接到添加到购物车按钮。
看起来像是应该内置于woocommerce的东西，但如果它是我错过了它。
任何帮助非常感谢…
我最终设置模式在购物车页面打开时触发，因为购物车页面是Wordpress，它是直截了当的。 不是完美的解决方案，因为当客户购买任何产品时，模式现在开始，但它总比没有好。 这是带有默认内容的代码
和js
我将所有这些直接插入“你的购物车”wordpress页面。
工作正常，但我很想听到更好的解决方案
woocommerce添加到购物车弹出窗口
使用此插件生成弹出窗口。
希望这可以帮助 ！
通过添加查询来检查当前url是否包含字符串’add-to-cart’，您可以在商店页面中显示模式。 您还应该在“WooCommerce”>“设置”>“产品”>“显示”下取消选中“成功添加后重定向到购物车页面”。