da Staff Zen Cart Italia | 27 Mag 2010 | Personalizzazione
Spegazione relativa a versioni Zen Cart 1.3.xx
Con un semplice editore di testo, in
includes / languages / italian (ed ovviamente per ogni idioma presente o attivo nel negozio) / classic * / meta_tags.php
Trovare:
define(‘TITLE’, ‘Zen Cart!’);
define(‘SITE_TAGLINE’, ‘L\’arte dell\’e-commerce’);
define(‘CUSTOM_KEYWORDS’, ‘ecommerce, open source, shop’);
Modificare a piacimento, (da notare l’utilizzo del backslash \ da anteporre al simbolo di apostrofo o apice) tenendo conto che quanto inserito sarà gestito in maniera automatizzata nella generazione delle pagine del negozio, sarà naturalmente valutato dai motori di ricerca.
Per completezza di informazione:
KEYWORDS: non serve inserire i nomi delle categorie, l’estrazione dell’elenco sarà un processo automatico.
* classic è il nome del template di default.
Utilizzare il file riportandolo nella cartella del proprio template (over ride!)
da 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.
da 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;}
da 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.
da 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).
