Come si aggiunge/crea una nuova serie di template ?
Consultare la sezione Documentazione.
Come cambio colori e font nel CSS?
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).
Dove si nascondo i bottoni e come li cambio ?
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.
Posso modificare la larghezza dei box laterali ?
Per cambiare la larghezza delle colonne dei box laterali, andare in Pannello di Amministrazione > Configurazione > Settaggi Layout.
Cliccare su Larghezza dei Boxes nella Colonna di Sinistra o Larghezza dei Boxes nella Colonna di Destra e Larghezza Colonna di Sinistra o Larghezza Colonna di Destra a seconda della colonna che si desidera modificare, e premere il bottone modifica. La nuova larghezza può essere espressa in valori assoluti (quello di default è 150px) oppure in percentuale della larghezza totale della pagina. Si può anche cambiare la larghezza di una sola colonna se l’impostazione della pagina lo richiede mentre se si vuole eliminare l’una o l’altra colonna basterà settarne la larghezza a 0 (zero).
Per disattivare una delle due colonne è anche possibile settare correttamente le due voci Stato Colonna di Sinistra – Globale e Stato Colonna di Destra – Globale.
Per esempio: se si vuole utilizzare un design a larghezza variabile, con i box che si allargano e si restringono a seconda delle dimensioni della finestra si setteranno le colonne al 20% e i box al 100%.
Vorrei una nuova funzionalità …
Zen-Cart è un software libero sarà quindi possibile implementare autonomamente la funzionalità: per sviluppatori o quanti con le necessarie competenze è disponibile un wiki una serie di tutorials e non ultimo il forum in Zen-Cart.com (in Inglese).
In alternativa è possibile scrivere al Team scegliendo l’opportuna richiesta dall’elenco presente alla voce contatti per richiederla, fornendo quanti più dettagli e precisando i motivi per i quali si desidera tale funzionalità, che verrà studiata e sviluppata a pagamento.
Come cambio “Zen-Cart E-commerce su misura …” ?
I testi di tutte le pagine vengono generati dinamicamente e possono essere facilmente modificati. Cominciare col localizzare il file di lingua che ha lo stesso nome della pagina o del modulo che si desidera modificare. Facciamo un esempio usando la prima pagina del Sito (index.php). Il file utilizzato può trovarsi in due diverse collocazioni a seconda che si usi oppure no una cartella di “scavalcamento”.
La frase che inizia con “Zen-Cart E-commerce su misura …” potrebbe trovarsi, essendo in uso il template classic, in: /includes/ languages/ italian/ classic/ index.php.
Essendo collocato nella cartella /italian/ classic/ , il file index.php scavalcarebbe il file includes/ languages/ italian/index.php.
Il sistema Over Ride è da raccomandare in quanto rende estremamente flessibile l’aggiornamento e la modifica dei file in Zen Cart. Quando si collocano i file di lingua personalizzati all’interno della cartella del template personalizzato (come illustrato nell’esempio) non ci si deve più preoccupare di vedere quei file sovrascritti in occasione di successivi aggiornamenti del Sito.
Il file andrà modificato con un editore di testi e andrà ricaricato con l’FTP. Si consiglia di cancellare sempre il file da sostituire.
Ogni file di lingua di una pagina ha una o più “defines”. Ciasuna define contiene una costante che viene utilizzata sulla pagina. Le costanti possono consistere in una singola parola o in una sezione di testo. Ciascuna define è strutturata sul modello:
define(‘SONO_UNA_COSTANTE’, ‘Restituisco questo sul browser.’);
Il testo fra i due apici (‘) può essere modificato o eliminato. Si possono usare tag HTML o classi CSS per modificare e formattare il testo, si possono inserire link o aggiungere immagini (si badi ad usare percorsi relativi).
Attenzione:
Se si devono usare apostrofi occorre farli precedere da un backlash “” come nell’esempio seguente: “Inserire l’indirizzo …”.
Se si desidera impedire la visualizzazione di qualcosa presente in una define basterà cancellare il testo compreso fra i due apici (‘).
Ad esempio: define(‘SONO_UNA_COSTANTE’, ”);
NOTA: non eliminare la define dal file di lingua, altrimenti salta il codice.
Per maggiori informazioni sulla definizione della funzione PHP define(), visita: PHP Net.