Как изменить надпись «В корзину» на «В корзине» на лету в woocommerce?

Question

[Дмитрий]

При добавлении товара в корзину, меняется оформление и добавляется галочка.



Также реализовал, что если товар уже находится в корзине, то показывается текст "В корзине". Но это работает только если перезагрузить страницу.

Код реализации можно тут глянуть.

add_filter( 'woocommerce_product_add_to_cart_text', 'woo_archive_custom_cart_button_text' );
function woo_archive_custom_cart_button_text() {
global $woocommerce;
foreach( WC()->cart->get_cart() as $cart_item_key => $values ) {
$_product = $values['data'];

if( get_the_ID() == $_product->id ) {

return __('В корзине', 'woocommerce');
}
}
	if ( has_term( 'buynow', 'product_tag', $_product->id ) ) :
	return __( 'В корзину', 'woocommerce' );
	else:
	return __( 'В корзину', 'woocommerce' );
	endif;
}

add_filter('post_class', function($classes, $class, $product_id) {
	foreach( WC()->cart->get_cart() as $cart_item_key => $values ) {
	$_product = $values['data'];
		if( get_the_ID() == $_product->id ) {
        	$classes = array_merge(['added'], $classes);
    		return $classes;
		} 		
	}
	return $classes;
},10,3);

А как сделать так, чтобы вместе с появление галочки "В корзину" сразу же менялось на "В корзине" без перезагрузки страницы?

Answer 1

[Богдан Герасименко]

Чтобы тексты менялись на лету это уже нужно использовать JavaScript. Что-то типа такого:

$( ".add_to_cart_button" ).click(function() {
  $(this).text('В корзине');
});

Comments

[Дмитрий]

спасибо! с js/jquery у меня пока слабо)