我已经排队了ajax脚本,但是如果不刷新页面就好像无法更新购物车计数。
功能:
// Add scripts and stylesheets
function startwordpress_scripts() {
wp_enqueue_style( 'reset', get_template_directory_uri() . '/reset.css' );
wp_enqueue_style( 'style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'style', get_template_directory_uri() . '/veggiee.css');
wp_enqueue_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', array(), null, true);
}
function woocommerce_header_add_to_cart_fragment( $fragments ) {
global $woocommerce;
ob_start();
$fragments['a.cart-customlocation'] = ob_get_clean();
return $fragments;
}
add_filter( 'woocommerce_add_to_cart_validation', 'is_product_the_same_cat', 10, 3 );
HTML:
<ul>
<li>
<a href="/cart" id="cart_icon"></a></li><li><span class="counter">
<?php echo sprintf ( _n( '%d', '%d', WC()->cart>get_cart_contents_count() ), WC()->cart->get_cart_contents_count() ); ?></span></li>
<li id="access"><?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container_class' => 'menu-header' ) ); ?></li>
</ul>
我已经研究了这个问题,据我所知,篮子总数应该立即更新而无需刷新。
有人知道我在这里缺少什么吗?
答案 0 :(得分:2)
您的代码中存在一些错误和遗漏的东西。对于标题中的购物车数量,以下将解决问题。
1)header.php
文件中的HTML代码:
<ul>
<li>
<a href="/cart" id="cart_icon"></a>
</li>
<li>
<span class="counter" id="cart-count"><?php
$cart_count = WC()->cart->get_cart_contents_count();
echo sprintf ( _n( '%d', '%d', $cart_count ), $cart_count );
?></span>
</li>
<li id="access"><?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container_class' => 'menu-header' ) ); ?></li>
</ul>
2)您相关的挂钩函数代码,用于启用购物车商品计数刷新了Ajax :
add_filter( 'woocommerce_add_to_cart_fragments', 'refresh_cart_count', 50, 1 );
function refresh_cart_count( $fragments ){
ob_start();
?>
<span class="counter" id="cart-count"><?php
$cart_count = WC()->cart->get_cart_contents_count();
echo sprintf ( _n( '%d', '%d', $cart_count ), $cart_count );
?></span>
<?php
$fragments['#cart-count'] = ob_get_clean();
return $fragments;
}
代码进入您的活动子主题(或活动主题)的function.php文件中。经过测试,可以正常工作。