Бывает задача сделать всплывающее сообщение, чтобы подтвердить, хотите ли вы удалить что-то из корзины магазина. Это требуется для явного согласия, попробуем это добавить. На самом деле довольно просто, все, что вам нужно, это немного jQuery, как показано ниже:
Содержание
|
1 2 3 4 5 6 7 8 9 10 |
<script> jQuery( function($) { $('.remove').click( function( event ) { if( ! confirm( 'Точно удалить этот товар из корзины?' ) ) { event.preventDefault(); event.stopPropagation(); } }); }); </script> |
И сразу же решим частую задачу, как автоматически обновлять корзину при изменении количества. Опять же, здесь довольно простая задача. С точки зрения UX, некоторые пользователи считают кнопку обновления корзины ненужной или запутанной; хорошо, если мы можем облегчить пользователям задачу, чтобы корзина автоматически обновлялась при изменении, то почему бы не сделать это?
Простая функция PHP, за которой следуют две строки JQuery и строка CSS, и вы можете быстро реализовать это!
1. Фрагмент CSS: скройте кнопку WooCommerce «Обновить корзину»
|
1 2 3 4 5 6 |
input[name='update_cart'] { display: none !important; } button[name='update_cart'] { display: none !important; } |
2. PHP: автоматическое обновление корзины WooCommerce при изменении количества
Теперь, когда кнопка обновления корзины скрыта, все, что нам нужно сделать, это «щелкнуть» кнопку с помощью jQuery и позволить WooCommerce выполнить ту же работу (обновление итогов корзины, налогов и т. д.).
В частности, когда мы «нажимаем» на любой из входов количества, мы переходим и инициируем «щелчок» по скрытой кнопке «Обновить корзину».
Легко, верно?
Примечание: добавьте следующее в ваш functions.php (в дочернюю тему, если вы ее используете)
|
1 2 3 4 5 6 7 8 9 10 11 12 |
add_action( 'wp_footer', 'okweb_cart_refresh_update_qty' ); function okweb_cart_refresh_update_qty() { if (is_cart()) { ?> <script type="text/javascript"> jQuery('div.woocommerce').on('click', 'input.qty', function(){ jQuery("[name='update_cart']").click(); }); </script> <?php } } |
Если это помогло, оставьте комментарий и поделитесь своими мыслями! Если вам нужна помощь, мы будем рады помочь; просто напишите
