Logo-magentoChi ha una certa esperienza con Magento, conoscerà sicuramente le grandi potenzialità dell’utilizzo degli attributi per la personalizzazione della scheda prodotto degli articoli messi in vendita sul nostro e-commerce. In un recente lavoro eseguito sulla piattaforma Magento, mi è capitato di sfruttare proprio queste potenzialità, avendo la necessità di contrassegnare alcuni prodotti messi in vendita sullo store online, con una particolare icona che comunicasse agli acquirenti che i prodotti in questione gli sarebbero stati inviati in tempi diversi rispetto a quelli garantiti per gli altri prodotti in catalogo.

Obiettivo di questo tutorial è quello di condividere questa mia esperienza, descrivendo passo per passo tutte le attività che ho eseguito per il raggiungimento del mio scopo. (sperando che risulti d’aiuto per chiunque abbia necessità analoghe.)

Creazione del nuovo attributo

Per prima cosa colleghiamoci all’amministrazione del nostro e-commerce per la creazione dell’attributo. Per fare questo, dal menù “Catalogo“, selezioniamo la voce “Gestione prodotti” e apriamo la scheda di un articolo del nostro magazzino che desideriamo personalizzare con l’icona per la spedizione personalizzata. Clicchiamo sul pulsante “Crea Nuovo Attributo” (in alto a destra): nel pop-up che appare compiliamo i dati alla voce “Proprietà Attributo“, come mostrato in figura:

popup1

Compiliamo con il valore “No” tutti i campi alla voce “Proprietà Frontend“, come illustrato in figura:

popup2

Prima di concludere la creazione dell’attributo, dal menù di sinistra selezioniamo la voce “Gestione Etichette/Opzioni” e inseriamo l’etichetta che verrà utilizzata nella scheda del prodotto (solo nell’amministrazione, in quanto nel form precedente abbiamo comunicato a Magento di non mostrare il valore dell’attributo nella scheda prodotto pubblica visibile dai clienti del nostro negozio).

popup3

Per concludere, clicchiamo sul pulsante “Salva Attributo” (in alto a destra). Alla chiusura del popup torneremo nella scheda del prodotto, che troveremo modificata con l’aggiunta del nuovo attributo. Possiamo ora assegnarli il valore che desideriamo: “Si” per mostrare l’icona della spedizione personalizzata, “No” per lasciare invariata la scheda del prodotto.

prodotto

Modifichiamo il template

E’ giunto il momento di modificare il template della scheda prodotto, in modo che vada a leggere il valore dell’attributo “Disponibile in 5g,in modo da mostrare l’icona per quelli che abbiamo contrassegnato con il valore “Si“. Apriamo il file “app/design/frontend/deafult/nomeTemplate/template/catalog/product/view/media.phtml” e inseriamo il codice seguente dove vogliamo inserire l’icona.

<?php
$disp5gg = Mage::getModel('catalog/product')->load($_product->getId())->getDisponibile5gg();
if (!empty($disp5gg) && ($disp5gg == 1)) :
?>
 <img src="<?php echo $this->getSkinUrl('images/5-giorni.png') ?>" alt="Disponibile in 5 giorni" />
<?php endif; ?>

Nel nostro caso abbiamo scelto di sovrapporre all’immagine del prodotto un’immagine png trasparente. Vediamo finalmente il risultato:

esempio-1