小编典典

Woocommerce中的Ajaxify标头购物车项目计数

ajax

我正在为wordpress创建一个自定义woocommerce集成主题。

我在顶部有一个Blob,用于显示购物车中的商品总数。我想使用Jquery更新此Blob(不重新加载页面),因此能够通过获取当前商品中的商品数量来增加商品数量blob,并为每次点击将其增加+1,问题是“添加到购物车”具有一个选项,可以选择要添加到购物车的商品数量。因此,如果我选择3个项目并单击按钮,则斑点仅增加1。

我可以创建一种方法来获取从前端添加的项目数,但我认为这是不必要的。我希望能够使用jquery从PHP会话中获取总数,以便每次单击添加项或删除项时,我都会从服务器动态获取当前数。

到目前为止,我要做的就是创建一个reloadCart.php文件,该文件回显购物车总数,这是代码

<?php
require('../../../wp-blog-header.php');
global $woocommerce;
echo $woocommerce->cart->get_cart_contents_count();
?>

当我访问此页面时,它会回显当前项目的总计,但是我无法从jquery获取此数据,自从我上次使用AJAX以来已经有一段时间了,但是我很长时间都没有从事Web项目的工作,但是根据我的记忆,我正在进行的AJAX呼叫是正确的。

我已经尝试过使用jquery的get()和post()函数以及普通的ajax()函数,但是似乎没有任何效果。有人可以帮忙吗?

$(".ajax_add_to_cart").click(function () {
   /*$("#bag-total").html(function () {
        var bagTotal = parseInt($(this).html());
        return ++bagTotal;
    });*/
    alert('clicked');
    $.get("<?php echo get_template_directory_uri(); ?>/reloadCart.php", function(data){
        alert("Data: " + data);
    });
});

被注释的行是我以前使用的行,通过从前端获取当前购物车编号来添加购物车总计。

任何帮助,将不胜感激。提前致谢!


阅读 300

收藏
2020-07-26

共1个答案

小编典典

您不应该使用任何重新加载* 来更新购物车的内容计数…而是应该使用 Ajax支持
的专用woocommerce_add_to_cart_fragments动作挂钩。
*

1)要刷新的HTML: 因此,首先应在主题header.php文件中将购物车计数嵌入具有定义的唯一ID(或类)的特定html标签中,例如:

?>
    <div id="mini-cart-count"></div>
<?php

要么:

echo '<div id="mini-cart-count"></div>';

2)代码:

add_filter( 'woocommerce_add_to_cart_fragments', 'wc_refresh_mini_cart_count');
function wc_refresh_mini_cart_count($fragments){
    ob_start();
    ?>
    <div id="mini-cart-count">
        <?php echo WC()->cart->get_cart_contents_count(); ?>
    </div>
    <?php
        $fragments['#mini-cart-count'] = ob_get_clean();
    return $fragments;
}

如果您在html标记中使用类,则将替换['#mini-cart-count']['.mini-cart- count']。该挂钩也用于刷新迷你购物车中的内容。

代码在您的活动子主题(或主题)的function.php文件中,或者在任何插件文件中。

由于几年以来global $woocommerce;+ $woocommerce->cart已过时,取而代之的
WC()->cart是访问WooCommerce购物车对象。


如果您需要jQuery强制刷新该计数,则可以尝试wc_fragment_refreshwc_fragments_refreshed委派事件,例如:

$(document.body).trigger('wc_fragment_refresh');

要么:

$(document.body).trigger('wc_fragments_refreshed');
2020-07-26