Мне нужно изменить поведения кнопки в магазине Woocommerce после того, как товар был добавлен в корзину. То есть человек нажимает "добавить в корзину", кнопка меняет текст на "В корзине", а после повторного нажатия на эту же кнопку происходит редирект на страницу корзины.
С изменением текста вопросов не возникло, я использовала код
/* Меняем текст кнопки добавления в корзину для страницы товара */
add_filter( 'woocommerce_product_single_add_to_cart_text', 'new_single_product_button_text' );
function new_single_product_button_text( $text ) {
if ( is_admin() ) {
return $text;
}
if( WC()->cart->find_product_in_cart( WC()->cart->generate_cart_id( get_the_ID() ) ) ) {
$text = 'В корзине';
}
return $text;
}
add_action( 'wp_footer', 'action_wp_footer' );
function action_wp_footer() {
?>
<script>
jQuery(document).ready(function($) {
var selector = '.add_to_cart_text:contains("В корзине")';
// Selector contains specific text
if ( $( selector ).length > 0 ) {
$( selector ).addClass( 'product-is-added' );
} else {
$( selector ).removeClass( 'product-is-added' );
}
});
</script>
<?php
}
add_action( 'wp_footer', 'ajax_button_text_js_script' );
function ajax_button_text_js_script() {
$text = __('В корзине', 'woocommerce');
?>
<script>
jQuery(function($) {
var text = '<?php echo $text; ?>', $this;
$(document.body).on('click', '.ajax_add_to_cart', function(event){
$this = $(this); // Get button jQuery Object and set it in a variable
});
$(document.body).on('added_to_cart', function(event,b,data){
var buttonText = '<span class="add_to_cart_text product-is-added">'+text+'</span><i class="cart-icon pe-7s-cart"></i>';
// Change inner button html (with text) and Change "data-tip" attribute value
$this.html(buttonText).attr('data-tip',text);
});
});
</script>
<?php
}
А для редиректа нужного варианта не нашла. Есть только такой код
//переход в корзине если товар в ней
add_filter( 'woocommerce_product_add_to_cart_url', 'truemisha_product_cart_url', 20, 2 );
function truemisha_product_cart_url( $url, $product ) {
{
if ( is_admin() ) {
return $url;
}
if(
$product->is_type( 'simple' )
&& $product->is_purchasable()
&& $product->is_in_stock()
&& WC()->cart->find_product_in_cart( WC()->cart->generate_cart_id( $product->get_id() ) )
) {
$url = wc_get_cart_url();
}
return $url;
}
Но он не работает, если включен ajax в настройках Woocommerce
Я пыталась отключать ajax, тогда коды работают, но возникает куча других проблем, которые решить не удается. Например, при обновлении страницы товар начинает автоматически добавлять в корзину без нажатия кнопки, если в нее добавлен хоть один товар. Отключить уведомления о повторном добавлении также не получилось. А для меня это критично, так как товар цифровой, и в нем в принципе не нужно какое-либо упоминание о количестве.
Есть ли способ осуществить редирект при включенном ajax? В этой теме вообще ничего не понимаю, поэтому хотелось бы попроще. Согласна на любой костыль, без разницы, плагин это или что-то еще. (Плагины, кстати, я не нашла. В них переход происходит сразу после добавления товара в корзину, а мне нужно, чтобы это происходило только после повторного нажатия на кнопку).
Простой