Configurazione delle immagini nel carrello acquisti

Puoi personalizzare la visualizzazione delle immagini nel carrello acquisti. Per esempio, posizionare le immagini a destra o a sinistra, aggiustare la dimensione di presentazione o le margini attorno alle immagini.

Automaticamente, le immagini sono ridimensionate per visualizzarle in un quadro massimale di 80 pixels di larghezza. Se l’immagine non superà 80 pixels di larghezza, allora il sistema non la ridimensiona : sarà visualizzata con le sue dimensioni reali.

La configurazione della visualizzazione delle immagini si fa con il codice CSS seguente :

/* Shopping Cart { */
.imgshopcart {
float:right;
border:none;
margin-left:5px;
max-width:80px;
width: expression(this.clientWidth < 80? this.clientWidth+"px":"80px");
}
/* Shopping Cart } */


1) Come impostare questo codice CSS nel tuo sito ?

CASO 1 : Utilizzi una presentazione avanzata o una presentazione CSS sistema (non personalizzata)

Apri la pagina associata al menù [Sito\Proprietà per lingua]
Clicca sul pulsante [Modifica]

Nella sezione "Blocco di testo libero inserito nell'intestazione HTML (<HEAD/>)" :
Inserisci il codice CSS definito precedentemente inquadrato da una tag HTML <STYLE> come questo.

<STYLE type="text/css">
/* Shopping Cart { */
.imgshopcart {
float:right;
border:none;
margin-left:5px;
max-width:80px;
width: expression(this.clientWidth < 80? this.clientWidth+"px":"80px");
}
/* Shopping Cart } */
</STYLE>

PS : Se il tuo sito è multilingue, pensa a ripetere l'operazione per le diverse lingue pubblicate.

CASO 2 : Utilizzi una presentazione CSS personalizzata :

Apri la pagina associata al menù [Sito\Presentazione]
Clicca sul pulsante [Gestire le presentazioni personalizzate].
Seleziona la tua presentazione CSS.
Pubblica la tua presentazione CSS cliccando sull'icona "Visualizza le proprietà".

Nella sezione "Contenuto del CSS", puoi modificare il foglio di stile.
Copia la regola definita precedentemente.
Salva la modifica.

2) Come modificare la regola CSS per cambiare le dimensioni o la posizione delle immagini ?

float:right corrisponde alla posizione dell’immagine : (left o right)
max-width:80px corrisponde alla larghezza dell'immagine vignetta in pixels.

3) Come cancellare la visualizzazione delle immagini nel carrello acquisti ?

Puoi disattivare la visualizzazione delle immagini nel carrello acquisti aggiungendoci la regola CSS seguente :
.imgshopcart { display:none; }

(Per ognuno dei 2 casi seguente, riprendere la procedura precedentemente descritta).

CASO 1 : Utilizzi una presentazione avanzata o una presentazione CSS sistema (non personalizzata) :
<STYLE type="text/css">.shopcarttable .imgshopcart { display: none;} </STYLE>

CASO 2 : Utilizzi una presentazione personalizzata :
.shopcarttable .imgshopcart { display: none;}

Aggiungi ai preferiti: http://www.oxatis.com/Help/HelpCenterContent.asp?ActionID=1024&TID=55130&MID=55087%7C36001&LangID=4
© 2001-2019 Oxatis. Tutti i diritti riservati.