求助：点击Add to Cart按钮自动关闭WooCommerce产品弹窗

没问题！要搞定点击弹出窗口里的「Add to Cart」按钮后自动关闭窗口的需求，我给你两种实用的方案，你可以根据自己的弹窗类型来选：

方案一：直接监听按钮点击（适合自定义/简单弹窗） #

如果你的弹窗是自己写的或者用了轻量插件，直接监听按钮的点击事件就行，记得要给弹窗加个专属的类（比如.product-modal）方便定位：

jQuery(document).ready(function($) {
  // 监听弹窗内的Add to Cart按钮点击
  $('.product-modal .single_add_to_cart_button').on('click', function() {
    // 加个小延迟，确保添加购物车的请求能完成
    setTimeout(function() {
      // 这里替换成你弹窗的关闭逻辑，比如淡隐
      $('.product-modal').fadeOut('fast');
      // 如果用的是Magnific Popup这类插件，就用它自带的关闭方法：
      // $.magnificPopup.close();
    }, 400);
  });
});

方案二：监听WooCommerce添加成功事件（更可靠） #

WooCommerce自带了AJAX添加购物车的事件，用这个方法能确保只有当商品真的添加成功后才关闭弹窗，避免误关：

jQuery(document).ready(function($) {
  // 监听「添加到购物车成功」的全局事件
  $(document).on('added_to_cart', function() {
    // 检查弹窗是否显示
    const $modal = $('.product-modal');
    if ($modal.is(':visible')) {
      // 执行弹窗关闭逻辑
      $modal.hide();
      // 要是用Fancybox插件，就换成：
      // $.fancybox.close();
    }
  });
});

注意事项 #

• 替换代码里的.product-modal为你实际弹窗的CSS选择器（可以用浏览器F12工具查看弹窗的类/id）
• 如果用了第三方弹窗插件（比如Magnific Popup、Fancybox），一定要用插件官方提供的关闭方法，别硬写hide/fadeOut，不然可能有残留问题
• 延迟时间可以根据你的网站加载速度调整，一般300-500ms足够确保AJAX请求完成

内容的提问来源于stack exchange，提问作者M Asif Raza