Spostare il menu delle categorie nella sidebar laterale di Magento

Una delle domande più frequenti che mi vengono poste dai neofiti di Magento è come impostare le categorie di Magento a sinistra.

Premesso che si tratta di un’operazione che io sconsiglio per questioni di usabilità, il metodo è in realtà abbastanza semplice se si conosce un pò il meccanismo del design di Magento.

Vediamo insieme il procedimento.

Creare una copia del file di categoria

Il primo passo consiste nel creare una copia del file di navigazione delle categorie. Il file utilizzato da Magento è di default quello che si trova in

app/design/frontend/design_package/your_theme/template/catalog/navigation/top.phtml

Una volta duplicato, rinominalo con un nome a piacere (in questo esempio lo chiamerò left-nav.phtml).

Dichiararlo nel layout

Il secondo passo consiste nel dichiararlo nel layout XML. Cerca il file xml del catalogo situato in

app/design/frontend/design_package/your_theme/layout/catalog.xml

aprilo e subito dopo la prima riga di apertura <default> inserisci questo codice:

mentre per  rimuovere il menu attuale bisogna eliminare o commentare questa stringa:

Adattare il menu di categoria con i CSS

Ora non ti resta altro da fare che riadattare la struttura e l’aspetto dei menu utilizzando i css ricordandoti ovviamente di disabilitare la cache!