Question

我正在为wordpress（3.5.1）开发woocommerce插件（2.0.12）的主题。

在我的主页上，我添加了特色产品，最新产品和通过短代码评价最高的产品，看起来很好。

问题：“添加到购物车”按钮AJAX无效。点击单个产品的“添加到购物车”按钮，页面会重新加载，而不是AJAX调用。我在页面中添加了cart.min.js，但问题仍然存在。似乎js变量woocommerce_meta没有被加载。

网址为：http://demo.pixelpoetics.net/ecommerce

提前谢谢。

Answer 1

检查“添加到购物车按钮”是否包含以下类：.add_to_cart_button， .product_type_simple。还要检查按钮是否具有dataAttr data-product_id。应该给出这些项目，否则add-to-cart.js都不会触发ajaxcall，也不会返回false，这会阻止加载新页面。

如果您的检查会显示这些缺陷，请尝试编辑特定模板。

Answer 2

您的购物车正在更新，但购物车按钮中“购物车”旁边显示的商品数量未更新。我建议你使用像“woocommerce下拉菜单小工具”这样的插件来集成和轻松展示你的购物车。

Answer 3

在functions.php中，woocommerce脚本可能会出列。删除所有出现的内容，例如来自functions.php

wp_dequeue_script( 'wc-add-to-cart-variation' );
wp_dequeue_script( 'wc-cart' );

Answer 4

确保已在自定义主题的footer.php中添加了<?php wp_footer(); ?>。

Answer 5

我遇到了类似的问题，并在搜索解决方案时发现了这个问题。我做了改变主题的古老测试，发现我的主题不是与woocommerce 100％兼容的问题。我发现这篇文章解释了几种解决这个问题的方法。 http://chrislema.com/improving-the-woocommerce-add-to-cart-button/

我知道这可能不是此线程中列出的此特定问题的修复程序，但它可能对寻找解决方案的其他人有用。解决这个问题的方法是将page.php文件复制到我的主题中并替换＆＃34; has_posts＆＃34;循环使用以下内容：

   //Create a copy of page.php and replace the "has posts" loop

   //I had this code in as the "has posts" loop
   <?php while ( have_posts() ) : the_post(); ?>
      <h5><?php echo do_shortcode(get_the_title()); ?></h5>
   <?php endwhile; // end of the loop. ?>

   //I replaced that loop with this
   <?php woocommerce_content(); ?>

我希望这可以帮助那些无法在产品页面上使用“添加到购物车”按钮的其他人。

PS同样的问题是阻止我的提交审核按钮工作。

Woocommerce添加到购物车ajax无法正常工作

5 个答案: