|
Guida all' uso di
OsCommerce
torna alla guida
COME
INSERIRE BANNER E TESTO NELLE PAGINE DEL NEGOZIO
Per
inserire banner nel negozio possiamo utilizzare due procedure
:
Possiamo
scegliere la Procedura 1 o la Procedura 2 a seconda del Vostro grado di
preparazione.
Per
i principianti consigliamo di seguire la Procedura 1
che consente di caricare soltanto un’ immagine senza
aggiungere testo . Vediamo come ;
Procedura
1
Dalla
pagina AMMINISTRATORE clicchiamo su BANNERS , quindi cliccare
sul pulsante VEDI e compilare il form che
comparirà nel modo seguente :
Nel
campo Nome Banner ; inserire il nome che vogliamo
dare all’ immagine .
Nel
campo URL ; Possiamo impostare un collegamento
ipertestuale verso un sito esterno ; inserendo ad esempio :
http://www.degishop.it ; Se non volete inserire nessun collegamento
ipertestuale , lasciate il campo vuoto .
Nel
campo GRUPPO ; Lasciate invariato il valore
predefinito ( 468x50 )
Nel
campo /home/dz3sh51/public_html/nomenegozio/images/
; assicuratevi che il campo sia vuoto se non lo è cancellate
il contenuto.
Nel
campo IMMAGINE ; Selezionate l’ immagine
da caricare dal vostro computer col pulsante SFOGLIA .
A
questo punto lasciamo invariati gli altri campi ( vedremo
successivamente il loro utilizzo ) e clicchiamo sul pulsante UPDATE .
A
questo punto l’ immagine sarà già
presente nel Vostro negozio .
Cliccando
su NUOVO BANNER potete inserire un nuovo banner nel Vostro negozio che
sarà visualizzato a rotazione casuale con quelli inseriti in
precedenza.
Procedura
2
Dalla
pagina BANNERS;
Se
vogliamo caricare , invece , contenuti più professionali ,
ad esempio : due o più immagini , testo descrittivo , due o
più collegamenti ipertestuali verso siti esterni , oppure
richiamare immagini da altri siti , tabelle , ecc… dovremo
allora usare l’ editor HTML che è presente nel
campo TESTO HTML .
In
questo campo possiamo inserire il testo HTML generato da programmi per
creare pagine web ( Front-Page, NVU ecc... ) inserendo solo
il codice contenuto nei TAG <body> e
</body>
A
primo impatto questa procedura può sembrare piuttosto
impegnativa , ma più avanti spiegheremo come inserire
facilmente delle porzioni di codice ( script html pronti all’
uso ) .
Adesso
abbiamo un altro problema ; Il software caricherà solamente
l’ immagine ( seguendo la Procedura 1
) , oppure solo il codice html , ma non entrambi .
Infatti
se proviamo a caricare un’ immagine secondo la
Procedura 1 e prima di cliccare sul pulsante UPDATE
inseriamo un testo qualsiasi nel campo TESTO HTML , il software
caricherà soltanto il testo e non l’ immagine .
Come
ovviare quindi a questo problema ?
Possiamo
risolverlo in due modi ;
Modo
1 – Richiamare tramite codice html un’
immagine esistente su un sito esterno .
Modo
2 – Richiamare tramite codice html un’
immagine caricata o da caricare nel vostro negozio .
Col
Modo 1
si
presume che abbiate un’ altro spazio web dove avete caricato
, o potete caricare immagini ; In questo caso potete trovare script
html già pronti all’ uso più avanti
nella sezione : SCRIPT HTML PRONTI ALL’ USO .
Se
non avete questa possibilità potete utilizzare il
Modo
2
Prima
di richiamare un’ immagine con uno script ( potete utilizzare
quelli già pronti all’ uso ) è
necessario caricare le immagini stesse nel vostro negozio . Vediamo
come fare ;
Andiamo
alla pagina amministratore
, cliccate su CATALOGO , si aprirà la pagina
CATEGORIE/PRODOTTI , cliccate su una qualsiasi delle
categorie esistenti , quindi cliccate su VEDI e
successivamente su NUOVO PRODOTTO , a questo punto si aprirà
la pagina per l’ inserimento dei prodotti , ma noi dovendo
inserire un’ immagine e non un prodotto , spuntiamo NON
DISPONIBILE allo stato dei prodotti , quindi andate direttamente al
campo IMMAGINE e selezionate l’ immagine da caricare dal
vostro computer , quindi cliccate su ANTEPRIMA e visualizzerete
l’ immagine appena caricata , quindi cliccate su INSERISCI
per completare l’ inserimento .
A
questo punto potete tornare alla pagina BANNERS e seguire le semplici
istruzioni degli script html già pronti all’ uso
disponibili anche qui sotto .
Nel
caso in cui siate esperti oppure abbiate semplicemente alcune nozioni
sull' utilizzo del codice HTML sicuramente non avrete bisogno degli
esempi riportati qui sotto , in quanto la flessibilità di
questo editor permette di realizzare contenuti altamente professionali
semplicemente incollando nel form il codice html generato da alcuni
programmi , tra i cui anche Frontpage , ma anche tanti altri programmi
WYSIWYG . E' sufficiente , infatti , creare dei contenuti con questi
programmi ( potete trovarne alcuni gratuiti nella sezione free download
sul nostro sito www.degishop.it ) e successivamente copiare i codici
generati in automatico nel campo TESTO HTML nel form soprastante ed il
gioco è fatto . Comunque per i meno esperti abbiamo messo a
punto alcuni script già pronti all' uso che riguardano
alcuni funzioni principali.
SCRIPT
HTML PRONTI ALL'USO
Esempio 1 :
|
<p align="center">
<a href="http://www.nomesito.it">
<IMG
SRC="http://www.degishop.net/nomenegozio/images/nomefile.gif"></a></A>
|
Con questo
script è possibile aggiungere un' immagine ( ad esempio il
Vostro logo ) in alcune pagine del negozio , richiamando anche un
collegamento ipertestuale ad un sito esterno .
VEDIAMO COME
FUNZIONA :
Passo A -
Prima di tutto è necessario caricare fisicamente il logo o
l'immagine sul server . Per fare questo seguire la procedura del
manuale d' istruzioni nella sezione : Come inserire immagini
e contenuti nel negozio / Procedura 2 / modo 2
Passo B -
Dopo aver caricato il logo o l'immagine selezionate col tasto sinistro
del mouse lo script all' interno della tabella Esempio 1 , col destro
mouse fate copia ed incollate nel campo TESTO HTML del form soprastante
. Modificate , quindi , solo la parte evidenziata in giallo
come segue:
Passo C -
<a href="http://www.nomesito.it">
Sostituite www.nomesito.it con l' indirizzo al quale volete che gli
utenti del Vostro negozio saranno inviati se dovessero cliccare sull'
immagine da Voi caricata . Se non volete inviarli a nessun sito esterno
, cancellate completamente il secondo rigo della tabella Esempio 1 <a
href="http://www.nomesito.it">
Passo D -
Il terzo rigo indica la directory dove è stata
caricata fisicamente l'immagine ( Passo A ) e la
richiama per la visualizzazione . Tutte le immagini , infatti , vengono
caricate nella cartella images del dominio a Voi assegnato da Degishop
, pertanto dovrete modificare il codice della tabella Esempio 1 in base
ai parametri a Voi assegnati . Modificate solo la parte
evidenziata in giallo come segue :
<IMG
SRC="http://www.degishop.net/nomenegozio/images/nomefile.gif"></a></A>
Sostituite la
parte evidenziata in giallo nomenegozio con il Vostro nomenegozio *
*( Il Vostro
nomenegozio è la parola successiva a www.degishop.net/ del
dominio di terzo livello assegnatovi da Degishop ; potete trovare
questo parametro nella e-mail di attivazione negozio)
Infine
sostituite la parte evidenziata in giallo nomefile.gif con il nome
effettivo del file che avete caricato seguendo il Passo A
Passo E -
A questo punto non Vi resta che salvare il modulo cliccando sul
pulsante UPDATE e guardare il risultato nel negozio .
Potete caricare
più immagini semplicemente aggiungendo lo stesso codice
della tabella Esempio 1 più volte senza sovrascrivere quello
precedente e ripetendo la procedura dal Passo A al Passo
E per ogni immagine da caricare ; Naturalmente ogni
nuova immagine dovrà chiamarsi differentemente da quelle
precedenti onde evitare la sovrascrizione e quindi la cancellazione
delle immagini caricate in precedenza .
Nel caso in cui
, invece , vogliate richiamare un' immagine esistente su un altro sito
, non dovrete fare altro che saltare il Passo A e al
Passo
D modificare il seguente testo evidenziato in
giallo con il nome effettivo del sito e directory di destinazione oltre
che il nome del file .
<IMG SRC="http://www.degishop.net/nomenegozio/images/nomefile.gif"></a></A>
Esempio 2 :
|
<p
align="center"><b>DESCRIZIONE
ATTIVITA'</b></p>
<p align="center">Qui potete inserire la descrizione
della Vostra attività ,
oppure altre informazioni . </p>
<p align="center">Potete eventualmente inserire anche un
collegamento
testuale ad un sito esterno . Ad esempio : per visualizzare
informazioni più dettagliate sulla nostra
attività visitate il sito <a
href="http://www.degishop.it">
www.degishop.it</a> </p>
|
Con questo
script potete inserire dei commenti sulla Vostra azienda , oppure
qualsiasi altra informazione ; Potete , inoltre , aggiungere un
collegamento testuale ad un sito esterno .
VEDIAMO COME FUNZIONA :
Selezionate col
tasto sinistro del mouse lo script all' interno della tabella Esempio 2
, col destro mouse fate copia ed incollate nel campo TESTO HTML del
form soprastante . Modificate , quindi , solo la parte
evidenziata in giallo come segue :
Passo A -
<p align="center"><b>DESCRIZIONE
ATTIVITA'</b></p>
Potete modificare il testo descrizione attività
con qualunque altro tipo di testo ; tenete presente che qui potete
inserire il titolo in quanto i caratteri saranno visualizzati in
maiuscolo . Se invece non volete visualizzare nessun titolo cancellate
completamente l' intero rigo
<p
align="center"><b>DESCRIZIONE
ATTIVITA'</b></p>
Passo B -
<p align="center">Qui
potete inserire la descrizione della Vostra attività ,
oppure altre informazioni . </p> Potete
modificare il testo evidenziato in giallo per inserire delle semplici
informazioni riguardanti la Vostra attività .
Passo C -
<p align="center">Potete
eventualmente inserire anche un collegamento testuale ad un sito
esterno . Ad esempio : per visualizzare informazioni più
dettagliate sulla nostra attività visitate il sito <a
href="http://www.degishop.it">
www.degishop.it</a>
</p> Con questo script potete inserire oltre ad una
descrizione attività , anche un collegamento testuale che
porti ad un sito esterno . Vediamo in breve come fare : Modificate il
testo evidenziato in giallo per inserire una descrizione dell'
attività ; Modificate il testo evidenziato in rosso per
inserire il collegamento al sito al quale volete indirizzare il vostro
utente ; nell' esempio è stato messo il sito di Degishop ,
Voi potete indirizzarlo dove volete . Il testo evidenziato in blu
è il testo che sarà visibile sulla pagina del
negozio dove l' utente dovrà cliccare per accedere al
collegamento da Voi impostato , fate attenzione quindi che il testo
evidenziato in giallo e quello in blu formino un contesto logico . Per
essere più chiari su quanto detto prendiamo in esempio lo
script che abbiamo al Passo C . All' interno della
pagina del negozio sarà visualizzato il seguente testo :
Potete
eventualmente inserire anche un collegamento testuale ad un sito
esterno . Ad esempio : per visualizzare informazioni più
dettagliate sulla nostra attività visitate il sito
www.degishop.it
Otterremo ,
quindi , che la parte <a href="http://www.degishop.it">
non verrà visualizzata nella pagina , mentre il testo
evidenziato in giallo comparirà così come lo
abbiamo scritto , mentre il testo evidenziato in blu si
trasformerà in collegamento testuale ( www.degishop.it )
Passo D -
A questo punto non Vi resta che salvare il modulo cliccando sul
pulsante UPDATE e guardare il risultato nel negozio .
Naturalmente
potete combinare tra loro gli script degli Esempio 1 ed Esempio 2 in
modo da personalizzare il più possibile le pagine del Vostro
negozio . Di fatto è più difficile da spiegare
che da fare . Dopo poche prove potrete verificare di persona la
facilità di uso di questi script .
|
