Personalizzazione delle pagine di E-Shop

Per modificare le pagine HTML generate da E-Shop seguite questi passi:

1. Accedete, con i dati che vi abbiamo inviato, tramite FTP al vostro sito
2. Posizionatevi sulla directory "Templates" e, da questa, nella directory corrispondente al layout da Voi prescelto. Se, ad esempio, avete scelto il template "Wave" con colore "Red" dovete andare, dalla root, in "Templates/wave/red"
3. Effettuate il download dei file che volete modificare. Tenete conto che gran parte delle modifiche interesseranno tre file, che definiscono la parte superiore e laterale di sinistra, quelle che comprendono: menu per la navigazione, sezione ricerca e link alle varie categorie. I tre files sono: "header.html", "footer.html" e "style.css" (quest'ultimo per i fogli di stile è totalmente personalizzabile)
4. Modificate i file HTML, ricordando che alcune parti servono per la visualizzazione di contenuti dinamici recuperati dalle pagine ASP. Le parti di codice da non toccare sono:
   • le indicazioni di inizio/fine ciclo, tipo e
   • le variabili comprese fra parentesi graffe, tipo {Variabile}, che saranno sostituite dai valori recuperati dala pagina ASP
   • le variabili comprese fra doppie parentesi quadre, tipo [[Variabile]], che saranno sostituite dalla traduzione recuperata dal file Langs.xls.
5. Effettuate l'upload tramite il vostro client FTP dei file modificati
6. Verificate l'aspetto delle pagine che avete modificando accedendo al vostro sito
7. In caso di errori nella visualizzazione, potete cancellare le pagine modificate e queste verranno automaticamente ricreate dal sistema.
   Se editate pagine da voi già modificate, vi consigliamo di farvi una copia di backup prima delle modifiche. Potrete così facilmente ripristinare le pagine danneggiate senza dover rifare tutte le modifiche.

Esempio di codice HTML

Ecco una porzione di codice HTML che potrete trovare nelle pagine HTML di E-shop. Seguite le indicazioni sopra riportate per effettuare le modifiche.

<TABLE cellspacing="0" cellpadding="0" border="0">
<TR height="18">
<TD><IMG src="images/menu-leftcon3.gif" width="9" height="18" border=0></TD>
<TD class="lnglink"> [[Testo]] </TD>
<!--InizioFormEditabile-->
<TD class="lnglink"><A class="lnglink" href="{Var1}">{Link1}</A></TD>
<TD width="10" height="18" class="lnglink" align="center">|</TD>
<TD class="lnglink"><A class="lnglink" href="{Var2}">{Link2}</A></TD>
<TD width="10" class="lnglink" align="center">|</TD>
<TD class="lnglink"><A class="lnglink" href="{Var3}">{Link3}</A></TD>
<TD width="10" class="lnglink" align="center">|</TD>
<!--FineFormEditabile-->
</TR>
</TABLE>