Cap. 4: Modifiche dirette al layout
I files in cui fare in gnerale modfiche grafiche al negozio sono:
- /catalog/index,php: la home page del negozio: per la struttura HTML delle tabelle che formano la pagina: da qu' si modifica la larghezza della pagina dalla dimensione relativa (width="100%") a quella assoluta (width="770").
- /catalog/stylesheet.css: che omprende i fogli di stile per testi e blocchi, descritti in dettaglio nel prossimo paragrafo.
- /catalog/includes/application_top.php: quì troviamo la larghezza dei blocchi:
define('BOX_WIDTH', 125);
e, in fondo al file, le precauzioni di sicurezza del sito: es. define('WARN_CONFIG_WRITEABLE', 'true'); che mette quel messaggio che i files di configurazione sono scrivibili.... settare su false se non si possono eliminare quei warning agendo sui chmod (permessi sul server) dei files di configurazione.
- /catalog/includes/header.php: è l'intestazione del negozio, la parte superiore, con logo, link, immagini, ecc. Anche in questo file, le prime istruzioni riguardano gli check, controlli di sicurezza. A metà file troviamo l'HTML che costruisce la parte superiore del negozio (in ogni pagina):
|
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr class="header">
<td valign="middle"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'oscommerce.gif', 'OpenCommercio') . '</a>'; ?></td>
|
Se modificate il nome del logo, dovete modificare quel 'oscommerce.gif' anche quì, 'OpenCommercio' è il testo alternativo per quell'immagine. mettete il nome del vostro negozio. L'HTML che segue può essere modificato, colorando le celle, aggiungendo proprie immagini, aggiungendo righe, ecc....
es. dopo la suddetta riga potete aggiungere:
|
<td class="main" valign="middle"><marquee><?php echo '<a href="' . tep_href_link(FILENAME_SPECIALS) . '">' ?> Scopri le nostre offerte <?php '</a>'; ?></td>
|
per avere una scritta scorrevole "Scopri le nostre offerte" con link alla pagina delle offerte speciali...
- /catalog/includes/footer.php: è invece la parte bassa di ogni pagina del negozio: anche quì potete aggiungere, modificare o togliere righe HTML. Si consiglia comunque di modificare solo la definizione di testo del footer, cioè il messaggio di copyright in fondo alla pagina, in /catalog/includes/languages/italian.php
|
define('FOOTER_TEXT_BODY', 'Copyright © 2003: <a href="mailto:capra@openitalia.net">OpenCommercio: Supporto italiano E-commerce</a><BR>Powered by opencommercio.com');
|
Il messaggio di copyright non è obbligatorio, ma almeno come ringraziamento allo staff di opencommercio/oscommerce si raccomanda di tenere almeno un link a tali siti. Potete anche quì inserire codice HTML, immagini, codice PHP, altre variabili o costanti di sistema, ecc....
- /catalog/includes/column_left.php e column_right.php: in questi files sono indicati i box (blocchi) visualizzati nella colonna di destra e quelli della colonna di sinistra. Vedremo in un prossimo paragrafo come si aggiunge o toglie un blocco.
