di Staff Zen Cart Italia | 27 Mag 2010 | Personalizzazione
Per default Zen Cart usa l
ogo.gif come nome per questa immagine ma è possibile utilizzare qualsiasi altro nome per il proprio logo.
Usando un editore per le immagini, creare il nuovo logo e salvarlo in includes/templates/tuo_template/images/nuova_immagine.??? e caricarla nel server.
Una volta creata la propria immagine, se ne potrà modificare l’altezza, la larghezza e il nome nel file includes/languages/ITALIAN/header.php.
define(‘HEADER_ALT_TEXT’, ‘Powered by Zen Cart :: The Art of E-Commerce [home link]’);
define(‘HEADER_LOGO_WIDTH’, ‘200px’);
define(‘HEADER_LOGO_HEIGHT’, ’70px’);
define(‘HEADER_LOGO_IMAGE’, ‘logo.gif’);
Una volta apportate le modifiche necessarie, salvare questo file in includes/languages/ITALIAN/tuo_template/header.php e caricarlo nel server.
di Staff Zen Cart Italia | 27 Mag 2010 | Personalizzazione
Modifiche per Versione 1.3.x
Per attuare la modifica, aprire il includes/templates/YOUR_TEMPLATE/css/stylesheet.css e sostituire il valore presente di 770px con quanto desiderato.
Cercare la riga:
/*wrappers – page or section containers – controllo dimensione dello schermo */
#mainWrapper {background-color: #ffffff; text-align: left; width: 770px; vertical-align: top; border: 1px solid #aeaeae;}
Attenzione che allargando al 100% andrà necessariamente adattata l’immagine di fondo nell’intestazione. Il relativo codice è poche righe più sotto:
#logoWrapper{background-image: url(../images/header_bg.jpg); background-repeat: repeat-x;background-color: #ffffff;height:75px;}
di Staff Zen Cart Italia | 27 Mag 2010 | Personalizzazione
Andare in Admin. Puntare il cursore su “Strumenti” nella barra dei menù. Selezionare “Gestione Box Laterali“.
Cliccare sul box che si desidera spostare o disabilitare, cliccare su “modifica” ed eseguire i cambiamenti.
Cliccare sul bottone “aggiorna” per salvare le modifiche.
di Staff Zen Cart Italia | 27 Mag 2010 | Personalizzazione
Tutte le pagine sono spezzettate in sezioni più piccole chiamate “classes” ( “classi”) e ogni class ha uno stile.
Le classi di stile vengono usate per gestire l’aspetto dei font, i colori, la grandezza del testo, i bordi, lo sfondo, le immagini ecc.
Le classi vengono definite nel foglio di stile Css raggiungibile in: includes/templates/template_mio/css/stylesheet.css.
Si possono variare i colori sostituendo i numeri standard dei colori HTML per quanto riguarda il testo e lo sfondo. La grandezza del testo va regolata variando in più o in meno la dimensione, il carattere va cambiato usando un nome di font diverso.
Per eliminare un elemento Css, come ad esempio un bordo, basta “decommentare” la riga che non si vuole utilizzare inserendo all’inizio della riga stessa un “/*” (slash, asterisco) e alla fine un “*/” (asterisco, slash) . Dopo aver eseguito le modifiche, caricare il nuovo stylesheet al posto di quello vecchio (di cui si sarà fatto un backup a scopo cautelativo).
di Staff Zen Cart Italia | 27 Mag 2010 | Personalizzazione
La serie dei bottoni del negozio si trova in: /includes/templates/TEMPLATE_MIO/buttons/LA TUA LINGUA/
Creare il proprio set di bottoni usando l’editor grafico che si vuole. I nuovi bottoni vanno tassativamente salvati come immagini GIF e con il nome assolutamente uguale a quello originario (quindi in inglese).
NOTA: se si usano più lingue occorrerà un set di bottoni per ciascuna lingua.
