Aggiungere Cu3er in Magento

dicembre 12, 2009 in Flash, Grafica, Magento da Stew

In un articolo di qualche giorno fa abbiamo presentato il magnifico slide CU3ER, ora vediamo come installare e rendere funzionale questo fantastico slider flash nella home page di un e-commerce costruito con Magento per rendere il sito di sicuro effetto per i nostri potenziali clienti. Prima di tutto come sempre occorre fare backup di tutti i file che andremo a modificare, dopo scarichiamo lo slide Cu3er direttamente dalla home page dell’ideatore.

Tutorial – Magento e Cu3er

Nel pannello di controllo del nostro sito Magento andiamo in CMS>Amministra pagine>Home page ed aggiugiamo il codice seguente nella nostra home page:




cu3er


Ora è il momento di creare un blocco statico, andiamo sempre in CMS>Blocchi statici e creiamo un nuovo blocco statico, chiamiamolo cu3er e inseriamo all’interno questo codice:






Ora è arrivato il momento di configurare il file xml che farà funzionare lo slide Cu3er, inserendo quindi i percorsi dei file immagine e le opzioni di slide, il codice xml seguente potrà essere personalizzato a seconda delle vostre esigenze, il file è presente nel pacchetto di Cu3er che scaricherete, questo è solo un esempio di come lo potrete utilizzare:



    

        

    

        
            http://www.mysite.com/cu3er/images/slider1.jpg
        
        

        
               http://www.mysite.com/cu3er/images/slider2.jpg
        
        

        
            http://www.mysite.com/cu3er/images/slider3.jpg
        

        
        
               http://www.mysite.com/cu3er/images/slider4.jpg
        

        
               http://www.mysite.com/cu3er/images/slider5.jpg
        

                
               http://www.mysite.com/cu3er/images/slider6.jpg
        

        
               http://www.mysite.com/cu3er/images/slider7.jpg
        

        
               http://www.mysite.com/cu3er/images/slider8.jpg
        
        
               http://www.mysite.com/cu3er/images/slider9.jpg
        

    

Ora copiamo copiamo il contenuto della cartella Cu3er che abbiamo scarico in questo percorso: /skin/frontend/default/tuo tema/, il gioco è fatto.

Tutorial – Magento e Cu3er – Compatibilità con tutti i browser

Seguendo la prima parte del nostro tutorial avrete di sicuro notato che con Firefox lo slide non viene visualizzato a causa di alcune incompatibilità con il codice che richiamo lo script flash. Ecco di seguito il modo per richiamare il codice e renderlo compatibile con tutti i browser.
Occhio sempre ai percorsi dei file, bisogna cambiarli altrimenti non funzionerà nulla



 

Notate nello script che bisogna copiare la cartella cuber nella cartella images e flash del vostro tema.