Image for Come inserire il carrello di WooCommerce nel menu o dove preferite

Come inserire il carrello di WooCommerce nel menu o dove preferite

Oggi vediamo come inserire il carrello di WooCommerce nel menu o in qualsiasi parte del tema che più vi sia a genio. Per rendere tutto molto compatibile e longevo, vedremo di inserire un semplice bottone, che al mouse hover ci mostrerà il nostro carrello.

Questo è il codice per inserire il bottone con il carrello, ed ovviamente potete anche inserire un testo per il carrello vuoto, per il carrello con 1 solo articolo ed un testo per il carrello con più articoli. Dentro alla tendina non ho fatto altro che inserire la classe del widget di serie in WooCommerce che trovate qui.

E questo è invece il CSS minimo necessario.

Ovviamente se osservate il codice, potrete notare la prima condizione, ovvero quella che WooCommerce effettivamente sia installato nel tema, questo per prevenire situazioni spiacevoli.

 

4 Commenti

    1. Ciao Max, non devi fare altro che prendere quel codice ed inserirlo dove vuoi. Dopodiché dovrai stilizzarlo in modo ottimale con il tuo CSS.

  1. Salve, per errore ho eliminato le pagine “carrello” e “cassa”, facendo la prova di acquisto sul mio e-commerce mi appare i prodotti sull’anteprima del carrello situata nella parte dx dello schermo ma ovviamente quando premo il tasto “apri carrello” la schermata carrello non appare perchè non c’è e di conseguenza neanche la schermata cassa per pagare successivamente, vorrei chiedervi come posso fare per reinserire le due pagina, ovvero, come fare, una volta aggiunte le due pagine, a ricollegarle ai miei acquisti,
    grazie Saluti

    1. Ciao Gianni, ti basta ricrearle ed andare in WooCommerce nelle impostazioni per rimettere le pagine al loro posto. Le pagine Cassa e Carrello dentro devono avere i rispettivi shortcode di WooCommerce!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Usando questo sito, accetti l’uso dei cookies.

Accetto