Come personalizzare un template Zen Carrello

Zen Cart è un software open source che chiunque può utilizzare liberamente per operare e-commerce carrelli della spesa per la vendita di beni materiali e digitali online. A partire da luglio 2011 e Zen Cart versione 1.3.9h (Resource Link # 1) non ci sono template override nel pannello di controllo amministrativo . È necessario modificare il codice del file PHP o CSS per eseguire tutte le modifiche effettive per l'aspetto del modello. Cose che ti serviranno
editor di codice sorgente ( come ad esempio: Notepad + + , Crimson , ecc ) economici Mostra più istruzioni
sostituire le immagini
1

Sostituire l'immagine del logo . Il logo e altre immagini del modello si trovano nella cartella images utilizzando il seguente percorso : /includes /templates /classic /immagini

Per modificare il testo alternativo , dimensioni o immagine nome associato al nuovo logo , utilizzare un editor di codice sorgente per aprire i file header.php trova nel seguente percorso di file : includes /languages /inglese /header.php

apportare modifiche al codice sulle linee 21 e 25 , tra la seconda serie di apostrofi , per riflettere i cambiamenti desiderati . Non lasciare spazi tra le informazioni e gli apostrofi .
2

Carica una nuova immagine al server delle stesse dimensioni e con lo stesso nome di sovrascrivere l' immagine di intestazione corrente . La dimensione dell'immagine dell'intestazione è 760 pixel di larghezza per 110 pixel di altezza , e il nome è : . Header_bg.jpg
3

Carica la nuova immagine di nome tile_back.gif sovrascrivere l'immagine barra del titolo attuale sul server . Le barre del titolo orizzontali osservati sul modello predefinito di Zen Cart sono larghe solo 11 pixel per 30 pixel di altezza e si ripetono come necessario per la costruzione di quello che appare come un tubo allungato . Creare un'immagine simile nel software di progettazione grafica di un colore desiderato , con o senza l'evidenziazione dimensionale e l'ombreggiatura .
Cambiare i colori e bordi
4

Aperte stylesheet.css in un editor di codice sorgente , che si trova nel set di file originale , seguendo questo percorso : /includes /templates /classic /css /stylesheet.css
5

Modificare i colori di sfondo. Modello "classico" di Zen Cart ha uno sfondo blu pallido . Nell'editor di codice individuare Linea 16 : background-color : # e5edf5 ;

I caratteri " # e5edf5 " indicare uno specifico colore di azzurro nel sistema di codice colore esadecimale HTML . ( Rif. 3) Per uno sfondo bianco , modificare il codice a # ffffff o per uso nero # 000000 . Se si preferisce, immettere il codice di qualsiasi altro colore.
6

Cambiare il principale involucro del corpo . Il codice trovato sulla Linea 186 : bordo: . 1px solid # 9a9a9a ; controllare le linee grigie verticali strette limitrofi i lati sinistro e destro di Zen Cart

opzioni di personalizzazione includono : modificare il codice HTML del colore a un colore preferito . Fai il bordo più ampio , aumentando la dimensione dei pixel . Se si preferisce non confine , rimuovere questa riga di codice del tutto , o renderlo invisibile in modo che si può utilizzare in un secondo momento . Per rendere la linea di comando invisibile al software , usare con un " /* " ( slash, asterisco ) all'inizio della riga e "* /" ( asterisco , barra) alla fine della riga.

7

Cambia confini cONTAINER . Linea 553 : border: solid 1px # 9a9a9a ; controlla i bordi sinistro e destro della leftBoxContainer e rightBoxContainer . Il bordo inferiore verde è controllata da Linea 554 : border-bottom : 5px solid # 336633 ;
8

Carica stylesheet.css al server. Utilizzare lo stesso percorso del file come nel file impostato per trovare la posizione corretta per sovrascrivere il file CSS esistente .