Skip to main content
Il blocco Image mostra una singola immagine dentro il drawer del carrello (un badge di fiducia, una grafica promozionale o un preset ospitato come una striscia di icone di pagamento) per aggiungere rassicurazione visiva o promozione al carrello, caricando una tua immagine oppure inserendo un preset già pronto.
Blocco Image che renderizza un'immagine ospitata o un asset preset dentro il drawer del carrello

​
Comportamento

  • Se non sono impostati né un’immagine né un preset, il blocco non renderizza nulla sul carrello live. Nell’editor mostra un placeholder “Add an image” così il blocco resta selezionabile.

​
Impostazioni

Quando selezioni un preset, questo prende il posto di qualsiasi immagine caricata, e viene usato l’alt text del preset stesso se lasci vuoto il campo Alt text.

​
Posizionamento e limiti

  • Regione: qualsiasi (top, body o bottom).
  • Massimo: 3 per stato del carrello — il carrello pieno e il carrello vuoto hanno ciascuno la propria quota.
  • Stato: sia carrello pieno che vuoto.
  • Non aggiunto per impostazione predefinita. Non bloccato — puoi rimuoverlo o nasconderlo.

​
Template personalizzato

Supporta un template personalizzato dalla sua scheda Code, che sostituisce il markup integrato di questo blocco con il tuo JSX. Queste sono le props che riceve.
altText può essere vuoto. Renderizza alt="" invece di omettere l’attributo, così l’immagine viene trattata come decorativa. maxHeight e fullWidth sono valori che devi applicare tu nei tuoi stili; il template non li applica per te.

​
Design

Personalizza lo stile di questo blocco con la sua sezione Design nel pannello delle impostazioni. Si tratta di override per singolo blocco che si sovrappongono al tuo design globale e vi ricadono quando sono vuoti. Cosa sono le impostazioni di design? Scopri di più qui: Impostazioni di design.