Nell’articolo di oggi andremo a vedere come rimuovere il pulsante “aggiorna carrello” di Woocommerce, che di fatto è sinonimo di poca usabilità in qualsiasi tipo di shop.
All’interno del file functions.php del vostro tema WordPress andiamo a inserire il seguente snippet di codice:
function cartAutoRefresh()
{
?>
<script type="text/javascript">
if ( undefined !== window.jQuery ) {
// dipende da jQuery
var timeout;
jQuery( function( $ ) {
//Al variare dell'input delle quantità dentro il carrello
$('.woocommerce').on('change', 'input.qty', function(){
if ( timeout !== undefined ) {
clearTimeout( timeout );
}
//Simulo il click dopo 500ms
timeout = setTimeout(function() {
$("[name='update_cart']").trigger("click");
}, 500 );
});
} );
}//undefined !== window.jQuery
</script>
<?php
}
add_action( 'wp_footer', 'cartAutoRefresh' );
A questo punto non ci rimane che andare a nascondere il pulsante di “aggiorna carrello” di Woocommerce.
.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
display: none;
}
Se abbiamo fatto tutto correttamente, il pulsante sarà sparito dal carrello e quando andremo ad aumentare o diminuire le quantità dei prodotti si aggiornerà tutto in automatico.
Se ti è piaciuto questo articolo condividilo o fammi sapere cosa ne pensi qui nei commenti!
