In questa guida puoi trovare i parametri HTML per aggiungere il carrello a tutte le pagine del tuo sito. I parametri fanno parte del codice incorporato del tuo e-commerce simili a questi:
cartType: 'overlay'
cartColor: '#56AAD8'
showMobileCart: true
flatBackgroundColor: 'transparent'
overlayBackgroundColor: '#F3F3F3'
mobileBackgroundColor: '#FFFFFF'
overlayPosition: 75
Se desideri mostrare il carrello nel tuo sito Website Builder, puoi utilizzare il componente del codice per inserirlo.
Il posizionamento del componente del codice deve essere Normale o Prima del tag di </body> chiusura. Se posizioni il componente del codice nel modello, sarà visibile su tutte le pagine che utilizzano quel modello.
Quali parametri posso modificare?
Puoi modificare i seguenti parametri:
- Seleziona il tipo di carrello
- Imposta il colore del carrello
- Mostra il carrello sul cellulare
- Colore di sfondo del carrello piano
- Colore di sfondo del carrello sovrapposto
- Colore di sfondo del carrello cellulare
- Posizione sovrapposta sulla pagina
Abbiamo elencato la funzione di ogni parametro e in che modo puoi regolarla.
Seleziona il tipo di carrello
Puoi scegliere tra due tipi di carrelli da mostrare sulla tua pagina:
- sovrapposto - si blocca sulla pagina nella posizione che selezioni. Resta visibile quando fai scorrere la pagina in alto e in basso.
- piano - l'icona è posizionata e resta in una posizione precisa sulla tua pagina. Non è visibile se fai scorrere la pagina verso il basso.
Scegli tra 'sovrapposto' o 'piano'. Se non selezioni qualcosa, il sistema tornerà all'impostazione predefinita cioà 'sovrapposto'.
Esempio:
cartType: 'overlay'
Imposta il colore del carrello
Ciò determina il colore del carrello utilizzato per tutti i tipi di carrelli; piano, sovrapposto e sul cellulare. Il valore predefinito è #56AAD8, ma puoi sostituirlo con qualsiasi codice colore HTML desiderato.
Esempio:
cartColor: '#56AAD8'
Mostra il carrello sul cellulare
Questa opzione ti permette di disattivare il carrello sui dispositivi cellulari. Imposta il valore a vero per mostrare il carrello sul cellulare o falso per nasconderlo.
Esempio:
showMobileCart: true
Colore di sfondo del carrello piano
Questa opzione modificherà il colore dello sfondo del carrello piano. Apparirà un piccolo riquadro attorno all'icona del carrello. L'impostazione predefinita è trasparente, ma puoi sostituirla con qualsiasi codice colore HTML che desideri.
Esempio:
flatBackgroundColor: 'transparent'
Colore di sfondo del carrello sovrapposto
Questa opzione modificherà il colore dello sfondo del carrello sovrapposto. Apparirà un piccolo riquadro attorno all'icona del carrello. L'impostazione predefinita è grigio chiaro (#F3F3F3), ma puoi sostituirlo con qualsiasi codice colore HTML che desideri.
Esempio:
overlayBackgroundColor: '#F3F3F3'
Colore di sfondo del carrello cellulare
Questa opzione modificherà il colore di sfondo del carrello sul cellulare. Apparirà un piccolo riquadro attorno all'icona del carrello. L'impostazione predefinita è bianco (#FFFFFF), ma puoi sostituirlo con qualsiasi codice colore HTML che desideri.
Esempio:
mobileBackgroundColor: '#FFFFFF'
Posizione sovrapposta sulla pagina
Questa opzione specifica la posizione verticale del carrello sovrapposto dalla parte superiore della pagina, più è alta la percentuale, più il carrello è posizionato in basso sulla pagina. La percentuale è calcolata basandosi sull'altezza dello schermo. Seleziona un numero tra 1-100.
Esempio:
overlayPosition: 75
Articoli inerenti:Articoli inerenti:
