php - plugin - wordpress ajax popup

woocommerce custom ajax top cart

Question

Hola, estoy tratando de conseguir que el carrito superior en woocommerce actualice automáticamente la cantidad y el precio.

Tengo que funcionar hasta cierto punto al usar esto como una plantilla:

http://www.amberweinberg.com/developing-custom-woocommerce-themes/

El problema es que necesito usar ajax para alterar 2 elementos, no solo uno,

aquí está el html que estoy usando en los temas del archivo fuctions.php

 <div class="cartWrapper">
<a href="#" title="Checkout">
<div id="cartsummary"><p>
<span class="cart-bubble cart-contents"><a class="cart-bubble cart-contents"><?php echo sprintf(_n(''%d'', ''%d'', $woocommerce->cart->cart_contents_count, ''woothemes''), $woocommerce->cart->cart_contents_count);?></a>
<?php if($woocommerce->cart->get_cart_url() != ''''){ $cart=$woocommerce->cart->get_cart_url();}
else {$cart = home_url().''/cart/'';};
?></span>
</div>
</a>
<div id="carttotal">
<div id="cartprice">
<p>
<a class="cart-total"><?php echo $woocommerce->cart->get_cart_total() ?></a>
</p>
</div>
<a class="button" href="#" title="Checkout" type="button">View Basket</a>
</div>
</div>

y el código para actualizar automáticamente el carrito sin actualizar:

 // Ensure cart contents update when products are added to the cart via AJAX (place the following in functions.php)
add_filter(''add_to_cart_fragments'', ''woocommerce_header_add_to_cart_fragment'');
function woocommerce_header_add_to_cart_fragment( $fragments ) {
global $woocommerce;
ob_start();
?>
<a class="cart-bubble cart-contents"><?php echo sprintf(_n(''%d'', ''%d'', $woocommerce->cart->cart_contents_count, ''woothemes''), $woocommerce->cart->cart_contents_count);?></a>
<a class="cart-total"><?php echo $woocommerce->cart->get_cart_total() ?></a>
<?php
$fragments[''a.cart-contents a.cart-total''] = ob_get_clean();
return $fragments;
}

El problema es que mientras esto funciona, produce una larga lista de totales de carritos y artículos en el carro que tengo que esconder usando el sobre flujo del estilo css: oculto en el elemento relevante. Presumiblemente esto se debe a que he codificado incorrectamente el elemento ajax, ¿alguien puede señalarme en la dirección correcta?

Gracias

Answer 1

Prueba esto:

Functions.php

add_filter(''add_to_cart_fragments'', ''woocommerce_header_add_to_cart_fragment'');
function woocommerce_header_add_to_cart_fragment( $fragments )
{
global $woocommerce;
ob_start(); ?>
<a class="cart-contents" href="<?php echo $woocommerce->cart->get_cart_url(); ?>" title="<?php _e(''View your shopping cart'', ''woothemes''); ?>"><?php echo sprintf(_n(''%d item'', ''%d items'', $woocommerce->cart->cart_contents_count, ''woothemes''), $woocommerce->cart->cart_contents_count);?> <?php echo $woocommerce->cart->get_cart_total(); ?></a>
<?php
$fragments[''a.cart-contents''] = ob_get_clean();
return $fragments;
}

Código de carro:

<div class="header_cart">
<h5><a href="<?php echo $woocommerce->cart->get_cart_url(); ?>" title="<?php _e(''View your shopping cart'', ''woothemes''); ?>"><?php _e(''Shopping Cart'', ''home-shopper''); ?></a></h5>
<div class="cart_contents">
<a class="cart-contents" href="<?php echo $woocommerce->cart->get_cart_url(); ?>" title="<?php _e(''View your shopping cart'', ''woothemes''); ?>"><?php echo sprintf(_n(''%d item'', ''%d items'', $woocommerce->cart->cart_contents_count, ''woothemes''), $woocommerce->cart->cart_contents_count);?> <?php echo $woocommerce->cart->get_cart_total(); ?></a>
</div>
</div>