Opencommercio - E-commerce in Italia

a. Sostituire il logo

La prima cosa da fare è sicuramente sostituire il logo di OpenCommercio col proprio logo: il logo attuale si trova nella cartella /catalog/images/oscommerce.gif, larghezza 458 pixel, altezza 50 pixel. Il metodo più facile è sostituire questo logo col proprio, che sarà della stessa dimensione e lascerete lo stesso nome. Aprite ora il file catalog/includes/header.php e trovate la seguente riga:

`<td valign="middle"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'oscommerce.gif', 'osCommerce') . '</a>'; ?></td>`

Quello che ci interessa è la funzione tep_image(DIR_WS_IMAGES. 'oscommerce.gif','osCommerce'):se avete cambiato nome al logo, mettetelo al posto di oscommerce.gif. Il parametro dopo, 'oscommerce' è invece il testo alternativo, il parametro ALT, il testo che appare passando sopra l'immagine il mouse: sostituiamo col nome del nostro negozio, così

`<td valign="middle"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'oscommerce.gif', 'Azienda srl: vendita prodotti') . '</a>'; ?></td>`

a.1. Creare un logo con The Gimp

Di solito il logo viene creato da grafici professionisti, ma aprendo una parentesi, possiamo farlo anche noi in modo semplice ed efficace usand o il programma di grafica open source The Gimp 2.0, disponibile sia per Windows che per il nativo Linux: scaricate il programma per Windows da http://www.gimp.org : il programma si installa molto facilmente lanciando un file eseguibile di circa 10 MB, con un installatore intuitivo e automatico: dite No alle sei finestre piccole che vi chiedono se alcuni formati grafici debbano essere aperte d'ora in poi con Gimp, così non modificate le vostre usuali impostazioni, viene installato anche il motore grafico GTK+. A installazione avvenuta, cliccate sull'icona apparsa sul desktop, confermate tutte le finestre di configurazione che si aprono senza modificare alcun parametro, et voilà The Gimp: una piccola finestrella: Nel Menu Xtns >> Script-fu>> Logotipi trovate poi le autocomposizioni con parametri impostabili per i logo. Semplici da impostare e da configurare, un utile esercizio creativo anche per i più inesperti in grafica. Scegliete per esempio il logotipo Congelato: nella finestra che appare, nella casella di testo mettete il nome della vostra azienda, potete anche modificare il colore di sfondo..... OK... Oppure provate Di Bse I e II, Fumetto, Gradiente sfumato, Lucida, giocando a cambiare i parametri di ogni finestra dei parametri...consiglio il tipo Metallo freddo modificando il gradiente (basta cliccare sui colori...). Una volta creato un logo soddisfacente, per chi è abituato ad ambienti Windows, salvare le immagini con Gimp non è proprio intuitivo: tasto destro sull’immagine, File>>Salva con nome: nella finestra che appare, a destra col doppio click si apre la cartella, con ..\ si torna indietro alla cartella superiore, col singolo click si seleziona la cartella in cui si vuole salvare l’iimagine. Il percorso appare nell’ultima casella di testo, es. images/ a cui si aggiunge il nome scelto ma senza l’estensione. Questa si sceglie cliccando sul tasto Estensione. Poi si da l’OK, Esporta, Conferma e l’immagine è salvata. Ecco un esempio:

Ora bisogna ottimizzare la dimensione del file, portarlo a larghezza di 458 pixel: tasto destro sull'immagine, Immagine >> Scala immagine, èportiamo la larghezza a 458 pixel, cliccate su scala e salvate (sempre col tasto destro). Sostituite anche il file oscommerce.gif dentro alla sottocartella /catalog/images/banners.

Nello stesso file header.php potete cambiare anche l'aspetto o il contenuto dell'intestazione del negozio: basta modificare la prima tabella HTML:

<td valign="middle"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'oscommerce.gif', 'OpenCommercio') . '</a>'; ?></td>

<td align="right" valign="bottom"><?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_account.gif', HEADER_TITLE_MY_ACCOUNT) . '</a>  <a href="' . tep_href_link(FILENAME_SHOPPING_CART) . '">' . tep_image(DIR_WS_IMAGES . 'header_cart.gif', HEADER_TITLE_CART_CONTENTS) . '</a>&am p;nbsp; <a href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_checkout.gif', HEADER_TITLE_CHECKOUT) . '</a>'; ?>  </td>

</tr>

</table>