Se stai utilizzando il tema Divi di Elegant Themes per il tuo sito WordPress e hai installato WooCommerce, potresti notare che l’icona del carrello WooCommerce viene automaticamente aggiunta nel menu secondario. Questo può risultare inutile se il tuo sito non ha una funzione di e-commerce attiva e desideri utilizzare WooCommerce solo come catalogo.
In questa guida vedremo come rimuovere completamente l’icona del carrello WooCommerce dal menu di Divi, evitando soluzioni temporanee come il semplice nascondere l’elemento via CSS.
1. Nascondere il carrello con CSS
Nascondere l’icona con CSS Molti suggeriscono di nascondere il carrello con CSS aggiungendo questa regola:
.et-cart-info { display: none !important; }
Anche se questo metodo rimuove visivamente l’icona, il codice HTML del carrello verrà comunque caricato nel sito, il che non è ottimale per le performance e il SEO.
Rimuovere l’icona dalle opzioni di Divi Divi non offre un’opzione nativa nelle impostazioni per disattivare l’icona del carrello, quindi dobbiamo intervenire direttamente nel codice.
2. Sovrascrivere la funzione di Divi
Prima di procedere, è bene sapere che è buona pratica attivare un tema child e lavorare su quello. Esistono dei plugin che permettono di farlo in pochi click, come Child Theme Configurator di Lilaea Media.
L’icona del carrello WooCommerce viene generata dalla funzione et_show_cart_total, definita nel file functions.php del tema Divi. Per rimuoverlo completamente, possiamo sovrascrivere questa funzione nel file functions.php del nostro tema child.
Passaggi per rimuovere il carrello in modo definitivo
Accedi al file functions.php del tuo tema child Se non hai un tema child, ti consigliamo di crearlo per evitare che le modifiche vengano sovrascritte dagli aggiornamenti di Divi. Puoi modificare functions.php accedendo via FTP o tramite il pannello di amministrazione di WordPress, vai su Aspetto Editor del tema e apri functions.php.
Aggiungi il seguente codice alla fine del file:
if ( ! function_exists( 'et_show_cart_total' ) ) {
function et_show_cart_total( $args = array() ) {
// Non fa nulla, rimuovendo il carrello
}
}
Salva le modifiche e aggiorna il sito.
Ora l’icona del carrello WooCommerce sarà completamente rimossa, senza essere caricata nel codice HTML del sito.
Conclusione
Grazie a questo metodo, puoi rimuovere definitivamente l’icona del carrello WooCommerce in Divi senza comprometterne la struttura. Questo aiuterà a mantenere il codice più pulito e migliorare le performance del sito.
