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.