在 Woocommerce 中单击添加到购物车按钮时显示表单弹出答案

【问题标题】：Displaying Form pop up on Click of add to cart button in Woocommerce在 Woocommerce 中单击添加到购物车按钮时显示表单弹出
【发布时间】：2018-03-19 22:02:27
【问题描述】：

我希望在单击添加到购物车按钮时显示一个弹出式联系表单（如果用户未注册）。弹出表单将获取用户的所有详细信息。单击表单的提交按钮后，应将包含相应产品信息的邮件发送给用户，并且邮件应发送至 wordpress 管理员。

【问题讨论】：

你能详细说明一下吗？因为我们不想仅将其应用于“添加到购物车”选项，也应用于网站上的任何按钮。我们应该在哪里插入这个 sn-p？

标签： wordpress woocommerce popup contact-form-7

【解决方案1】：

你必须这样做。

<script>    
   jQuery('.add_to_cart_button ').click(function(e) {
      e.preventDefault();
      var ProductId = jQuery(this).data("product_id")
      addToCart(ProductId);
      return false;
   });    

   function addToCart(ProductId) {
       //show popup for fet user details in popup
      // process user data
   }
</script>

【讨论】：