Rispondendo alle richieste di alcuni lettori, oggi spiegherò come districarsi tra i tag xml presenti nella parte layout di un tema.
Il funzionamento è molto complesso e sarebbe meglio analizzarlo file per file. Purtroppo qua non abbiamo abbastanza spazio per farlo quindi verranno riassunte le funzionalità principali di ogni tag fornendovi gli strumenti base per effettuare semplici modifiche.

Innanzitutto ogni file ha un tag unico di apertura che identifica la pagina di riferimento. Ad ogni aggiornamento, alcuni tag cambiano quindi verranno presi come esempio tag “inventati” nel senso che avranno un nome intuitivo. Non preoccupatevi: anche la struttura del layout di magento ha nomi intuitivi e richiamano la funzionalità che descrivono.
Ad esempio la pagina del catalogo prodotto si chiamerà <catalog_product> mentre quella generale valida per tutte le pagine sarà <default> .

Dentro ognuno di questi tag principali ci saranno poi i  <block> che richiamano appunto i blocchi. Naturalmente come i tag html, questi verranno chiusi automaticamente con lo stesso tag se non contengono altri blocchi o istruzioni al loro interno. Viceversa dovrete aprire il tag con <block> , inserire altre istruzioni e poi chiudere con </block> . Se conoscete l’html questa sintassi non dovrebbe preoccuparvi minimamente.
Il tag ha diversi attributi:
type: indica la funzione che il blocco deve avere all’interno di Magento. Questo attributo non è modificato e deve essere sempre specificato e preciso.
name: indica il nome univoco dato al blocco.
template: indica il percorso relativo dove andare a pescare il template, ovvero la struttura in html del blocco.
action: serve principalmente per eseguire delle funzioni interne di Magento che si servono di javascript (esempio aggiungere/togliere link).
as: è l’identificatore che il blocco deve avere e che viene usato per richiamarlo tramite codice php nei file di template.
before e after: servono per definire la posizione di un blocco rispetto a un altro. Viene usato prevalentemente per ordinare i blocchi nei menu laterali.

Dopo i block ci sono i <reference>: questo tag non è un vero e proprio blocco ma è diciamo un “collegamento” a un altro blocco. Se ad esempio su file diversi dovete specificare la posizione di blocchi all’interno di uno stesso blocco (pensate ad esempio ai blocchi laterali quanti “sotto-blocchi” contengono) potete usare reference per richiamare il blocco che vi serve e inserirvi al suo interno i blocchi desiderati (altrimenti usando il tag creerete un secondo blocco gemello). Per richiamare quindi un blocco con dovete semplicemente aggiungere l’attributo name=”..” con il nome del blocco.

Qualche giorno fa ho scritto un breve tutorial su come aggiungere un blocco che mostrasse i prodotti recenti nella homepage. Stavolta invece spiegherò come mostrare nella homepage i prodotti consigliati.

La tecnica per fare questo è piuttosto semplice: non si fa altro che creare una categoria apposita da nascondere nella lista pubblica delle categorie. Create quindi la vostra categoria e scegliete di nasconderla dal catalogo; non importa che nome abbia, visto che nessuno potrà conoscere il nome della categoria. Quando andate a creare il prodotto, selezionate oltre alla sua naturale categoria di appartenenza anche la categoria per i prodotti consigliati.

Una volta aggiunti i prodotti che intendete mostrare, recatevi nel backend, alla voce CMS > Page e aprite la pagina relativa alla home dopodichè incollate questo codice:

{{block type="catalog/product_list" template="catalog/product/list.phtml" catagory_id="10"}}

Se avete seguito correttamente questo breve tutorial, potete vedere ora nella home  i prodotti scelti come “prodotti consigliati”.

Ovviamente seguendo questo ragionamento, potete creare altri blocchi come prodotti in offerta, prodotti più popolari ecc.. ed eventualmente posizionarli in qualunque pagina del vostro template.

Da quando Magento ha fatto il suo debutto nel mondo dell’e-commerce, c’è stato un aspetto che ha sempre deluso gli utenti e gli sviluppatori che lo utilizzavano: quello della homepage statica. L’homepage di Magento infatti di default si presentava fino a poco tempo fa statica, con la visualizzazione prodotti e il menu laterale in puro html senza nessun richiamo al database.

Con questa guida vedremo come sfruttare le nuove funzioni di magento per inserire finalmente una lista dei prodotti aggiunti di recente al catalogo del negozio. Questa guida prende come esempio la homepage ma nulla vieta di modificare il codice a piacimento e inserire la lista dove più vi aggrada.

Questo è il codice da inserire nel backend nella voce Aggiorna Layout XML che si trova in CMS > Amministra Pagine > [Nome vostra Homepage] > Design.

<reference name=”content”>
<block type=”catalog/product_new” name=”home.catalog.product.new” alias=”product_homepage” template=”catalog/product/new.phtml”>
<action method=”setProductsCount”><count>8</count></action>
<action method=”addPriceBlockType”>
<type>bundle</type>
<block>bundle/catalog_product_price</block>
<template>bundle/catalog/product/price.phtml</template>
</action>
</block>
</reference>

Ora andate nella gestione prodotti del catalogo e sui nuovi prodotti scegliete la scheda Generale.

Qui dovreste semplicemente giocare sulle voci  Imposta il Prodotto come Nuovo dal Giorno e fino al Giorno e impostare l’intervallo di tempo che volete per far si che quel prodotto compaia nella lista dei prodotti recenti di Magento

Ecco una guida veloce per aggiungere contenuti nelle colonne laterali di Magento e gestirle tramite backend:

- Da backend andate su CMS e su static block quindi create un nuovo blocco e annotate l’identificatore del blocco che andrette a creare (nel nostro esempio sarà identif_emergento). Inseriteci l’html che preferite ne campo “contents” e una volta finito salvate.

- Aprite il file page.xml che si trova in app/design/frontend/default/default/layout/  (se avete un tema diverso modificate il file di quel tema).

- Cercate un blocco di tipo core/text_list di nome left o right a seconda che vogliate aggiungere contenuti a destra o a sinistra (nel nostro caso useremo la colonna di sinistra). Se il blocco non c’è createlo.

- Se il blocco è chiuso cioè il tag si chiude subito (es. <block name=”emergento”  />) allora modificatelo in modo che si apra e si chiuda con due tag  (es <block name=”emergento”> </block>). Se invece il blocco si trova già in questa forma ignorate questo passaggio.

- Inserite tra il tag di apertura e chiusura questo codice:

<block type="cms/block" name="identif_magento">
<action method="setBlockId"><block_id>identif_magento</block_id></action>
</block>

- Salvate le modifiche e avrete il vostro blocco da backend sulla colonna laterale.

Ovviamente lo stesso ragionamento si può applicare a qualsiasi altra posizione e qualsiasi blocco di Magento.

Ecco una guida veloce per aggiungere contenuti nelle colonne laterali di Magento e gestirle tramite backend:

- Da backend andate su CMS e su static block quindi create un nuovo blocco e annotate l’identificatore del blocco che andrette a creare (nel nostro esempio sarà identif_emergento). Inseriteci l’html che preferite ne campo “contents” e una volta finito salvate.

- Aprite il file page.xml che si trova in app/design/frontend/default/default/layout/  (se avete un tema diverso modificate il file di quel tema).

- Cercate un blocco di tipo core/text_list di nome left o right a seconda che vogliate aggiungere contenuti a destra o a sinistra (nel nostro caso useremo la colonna di sinistra). Se il blocco non c’è createlo.

- Se il blocco è chiuso cioè il tag si chiude subito (es. <block name=”emergento”  />) allora modificatelo in modo che si apra e si chiuda con due tag  (es <block name=”emergento”> </block>). Se invece il blocco si trova già in questa forma ignorate questo passaggio.

- Inserite tra il tag di apertura e chiusura questo codice:

<block type="cms/block" name="identif_magento">
<action method="setBlockId"><block_id>identif_magento</block_id></action>
</block>

- Salvate le modifiche e avrete il vostro blocco da backend sulla colonna laterale.

Ovviamente lo stesso ragionamento si può applicare a qualsiasi altra posizione e qualsiasi blocco di Magento.

Sempre più spesso mi capita di essere contattato da clienti piuttosto scontenti per via di un acquisto incauto da loro fatto su siti che vendono templates per magento. Il web ormai brulica di template per la nota piattaforma per l’ecommerce ma sono pochi i template veramente validi. Questo perchè alcuni webdesigner poco pratici nella gestione grafica del CMS applicano le modifiche solamente alle pagine principali e cioè Homepage, pagina prodotti e pagina delle categorie. Magento tuttavia ha tantissime altre pagine più o meno importanti (pagina di confronto, di account, indirizzi, checkout carrello ecc..). Chi compra template spesso valuta solo la screenshot nel sito che lo vende oppure si lascia sedurre dal primo impatto con la homepage (che furbamente è anche quella meglio presentata).
Solo dopo l’acquisto e l’installazione ci si rende conto usando un pò la piattaforma, che il template non è completamente personalizzato e ottimizzato. Un professionista che vuole presentarsi sul mercato online in modo professionale non può far trasparire gli elementi di default della piattaforma.
Per questo è utile seguire alcuni accorgimenti prima dell’acquisto in modo da valutare consapevolmente se il template è valido:
- Provare e testare il template: sembrerà strano ma questa è la regola fondamentale che tantissime persone trascurano. Il più delle volte lo si guarda con sufficienza per qualche minuto senza analizzarlo nei particolari. E’ importante invece controllare ogni aspetto del template, usarlo in tutte le sue parti e cercare di controllare quante più funzioni e pagine possibili. In questo modo risparmierete il costo del sottoporre il template alle correzioni di un Webdesigner.

- Cercare feedback del template e del venditore: molto difficili da trovare ma se usate Magento Connect per cercare i template non avrete problemi dato che per ogni estensione e template pubblicato ci sono i commenti degli utenti della Community.

- Verificare la versione: uno dei problemi più comune negli ultimi tempi è proprio quello della versione. Con la versione 1.4 di Magento, la struttura e l’organizzazione del template è sostanzialmente cambiata,  quindi verificate sempre per quale versione è stato sviluppato il template prima dell’acquisto!

Seguendo queste semplici regole risparmierete sicuramente tempo e denaro avendo da subito scelto un template di qualità.

Naturalmente i template di Emergento non fanno eccezione. Provare per credere!