我正在尝试通过 ajax 将 woocommerce 产品捆绑包添加到我的购物车，然后在添加产品后显示 2 个按钮。一个用于查看购物车，另一个用于继续购物。
我的搜索只是打开页面重新加载以检查购物车中商品的数量，以便显示这些按钮。
由于我使用的是 ajax，因此无法重新加载页面以检查产品是否在购物车中。
所以，我需要一个能让我留在页面上的解决方案。
任何 Java 帮助将不胜感激。
【问题讨论】：
标签： javascript php ajax wordpress woocommerce
这是我最终得到的结果：
第 1 步：添加继续购物按钮： 插件编辑器 > WooCommerce 产品包 > 模板 > 单个产品 > 添加到购物车 > bundle-add-to-cart-wrap.php 在第 80 行，关闭 php.ini。添加这个：
<a class="button wc-backward" id="continue-shopping" href="<?php echo esc_url( apply_filters( 'woocommerce_return_to_shop_redirect', wc_get_page_permalink( 'shop' ) ) ); ?>">Continue Shopping</a>
重新打开php
第 2 步：在页面加载时隐藏继续购物按钮： 外观 > 自定义 > 附加 CSS 补充：
#continue-shopping{
display: none;
}
第 3 步：在产品添加到购物车上显示继续购物按钮： 插件编辑器 > WooCommerce 产品包 > 模板 > 单个产品 > 添加到购物车 > bundle-button.php 已添加
onclick="myFunction()"
到第 21 行的按钮。所以现在它说：
<button type="submit" class="single_add_to_cart_button bundle_add_to_cart_button button alt" onclick="myFunction()"><?php echo $product->single_add_to_cart_text(); ?></button>
另外，添加 JAVASCRIPT： 主题编辑器 > 子主题 > JS > ajax-add-to-cart.js 在底部，添加以下内容：
function myFunction() {
document.getElementById("continue-shopping").style.display = "block";
}
【讨论】：