Aggiungi al carrello con AJAX su pagine WooCommerce a prodotto singolo

I pulsanti di aggiunta al carrello AJAX consentono all’utente di aggiungere un prodotto al carrello senza ricaricare la pagina: un’esperienza più rapida e moderna. Sebbene WooCommerce abbia un’opzione incorporata “Abilita pulsanti AJAX per aggiungere al carrello negli archivi”, non ha un’opzione simile per le pagine dei singoli prodotti.

Sebbene abilitare l’aggiunta al carrello AJAX su una singola pagina di prodotto potrebbe non essere così vantaggioso come nelle pagine di archivio, può comunque essere un bel miglioramento. Fortunatamente, puoi facilmente aggiungere componenti aggiuntivi AJAX al carrello su singole pagine di prodotti semplici , utilizzando questo frammento di codice:

add_action('woocommerce_before_single_product', 'remove_woocommerce_template_single_add_to_cart');

function remove_woocommerce_template_single_add_to_cart()
{
    global $product;

    if ($product->is_type('simple')) {
        remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30);
    }
}

add_action('woocommerce_before_single_product', 'add_woocommerce_template_loop_add_to_cart');

function add_woocommerce_template_loop_add_to_cart()
{
    global $product;

    if ($product->is_type('simple')) {
        add_action('woocommerce_single_product_summary', 'woocommerce_template_loop_add_to_cart', 30);
    }
}

NOTA : il codice funziona solo per prodotti semplici. Tuttavia, poiché controlla il tipo di prodotto, non interromperà altri tipi di prodotto. Inoltre, c’è un avvertimento: perdere i pulsanti di quantità che di solito hanno le singole pagine di prodotto.