Automatická aktualizace košíku ve WooCommerce

Ve WooCommerce se košík aktualizuje pomocí tlačítka „Aktualizovat košík“. Tento kód vám pomůže to změnit a aktualizovat košík po každé akci.

Nejprve skryjeme tlačítko, aby nebylo vidět:

.cart-table-actions .button{
	opacity:0;
	height:0;
	width: 0;
	position: absolute;
}

A následně:

add_action( 'wp_footer', 'cart_update_qty_script' );
function cart_update_qty_script() {
    if ( is_cart() ) :
    ?>
    <script>
	document.addEventListener('change', function(event) {
		if ( event.target.classList.contains( 'qty' ) ) {
			updateCart()
		}
	});
	function updateCart() {
		var updateButton = document.getElementsByName( 'update_cart' );
		updateButton[0].disabled = false;
		updateButton[0].dispatchEvent( new MouseEvent('click', {
			bubbles: true,
			cancelable: true,
			view: window,
		}) );
	}
    </script>
    <?php
    endif;
}

A to je vše. Dneska to bylo celkem rychlé, ale není třeba psát komplikované funkce, když si poradíme css a js. A všimněte si, že jsme se vyhnuli jQuery.