Enable AJAX add to cart buttons on archives

sage
1

want to add update cart with ajax but doesnt work. Using code from woocommerce:

Settings->Product->Display->Enable AJAX add to cart buttons on archives

header.php
<a class="cart-customlocation" href="<?php echo wc_get_cart_url(); ?>" title="<?php _e( 'View your shopping cart' ); ?>"><?php echo sprintf ( _n( '%d item', '%d items', WC()->cart->get_cart_contents_count() ), WC()->cart->get_cart_contents_count() ); ?> - <?php echo WC()->cart->get_cart_total(); ?></a>

extras.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-customlocation" 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-customlocation'] = ob_get_clean();

return $fragments;

}

Adding to cart is working but I need to refresh the page. Does sage need some jquery to add?

1 Like
2

extras.php is a namespaced file. You need to call the namespace when calling your function:

add_filter('add_to_cart_fragments', __NAMESPACE__ . '\\woocommerce_header_add_to_cart_fragment');

If you turn on php errors, you’ll get notices about items such as these.

2 Likes
3

thanks! solved!

add_filter('add_to_cart_fragments', __NAMESPACE__ . '\\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;

}

1 Like
4

Based on the above I came up with the following solution.

Step 1.
Created a blade template file:
resources/views/woocommerce/fragment-link.blade.php

With the following content:

<a
  class="cart-mini-contents"
  href="{{ wc_get_cart_url() }}"
  title="{{ __('View cart', 'sage') }}"
>
  <span class="amount">{!! $cart->get_cart_subtotal() !!}</span>
  <span class="count">{{ $cart->get_cart_contents_count() }}</span>
</a>

Step 2.
Include the new blade template somewhere in your theme, for example the header.blade.php.

@include('woocommerce.cart.fragment-link', ['cart' => WC()->cart])

Step 3.
Add a new filter for the woocommerce add to cart fragments to filters.php.

add_filter('add_to_cart_fragments', __NAMESPACE__ . '\\cart_link_fragment');
function cart_link_fragment( $fragments ) {
    $fragments['a.cart-mini-contents'] = view('woocommerce.cart.fragment-link', [
        'cart' => WC()->cart
    ])->render();

    return $fragments;
}