// Concatenate remove link after item qty function filter_woocommerce_checkout_cart_item_quantity( $item_qty, $cart_item, $cart_item_key ) { $remove_link = apply_filters('woocommerce_cart_item_remove_link', sprintf( '<a href="#" class="remove" aria-label="%s" data-product_id="%s" data-product_sku="%s" data-cart_item_key="%s">×</a>', __( 'Remove this item', 'woocommerce' ), esc_attr( $cart_item['product_id'] ), esc_attr( $cart_item['data']->get_sku() ), esc_attr( $cart_item_key ) ), $cart_item_key ); // Return return $item_qty . $remove_link; } add_filter( 'woocommerce_checkout_cart_item_quantity', 'filter_woocommerce_checkout_cart_item_quantity', 10, 3 ); // jQuery - Ajax script function action_wp_footer() { // Only checkout page if ( ! is_checkout() ) return; ?> <script type="text/javascript"> jQuery( function($) { $( 'form.checkout' ).on( 'click', '.cart_item a.remove', function( e ) { e.preventDefault(); var cart_item_key = $( this ).attr( "data-cart_item_key" ); $.ajax({ type: 'POST', url: wc_checkout_params.ajax_url, data: { 'action': 'woo_product_remove', 'cart_item_key': cart_item_key, }, success: function ( result ) { $( 'body' ).trigger( 'update_checkout' ); //console.log( 'response: ' + result ); }, error: function( error ) { //console.log( error ); } }); }); }); </script> <?php } add_action( 'wp_footer', 'action_wp_footer', 10, 0 ); // Php Ajax function woo_product_remove() { if ( isset( $_POST['cart_item_key'] ) ) { $cart_item_key = sanitize_key( $_POST['cart_item_key'] ); // Remove cart item WC()->cart->remove_cart_item( $cart_item_key ); } // Alway at the end (to avoid server error 500) die(); } add_action( 'wp_ajax_woo_product_remove', 'woo_product_remove' ); add_action( 'wp_ajax_nopriv_woo_product_remove', 'woo_product_remove' );
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter