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.

 

6 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!

  2. Io invece ho un altro problema… le pagine ci sono tutte, ma quando uno acquista un prodotto esce fuori la scritta “visualizza prodotto nel carrello” ma se clicchi sul bottone torna alla home… come risolvo?

Lascia un commento

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Usando questo sito, accetti l’uso dei cookies.

Accetto