Skip to main content
El bloque Image muestra una sola imagen dentro del drawer del carrito (una insignia de confianza, un gráfico promocional o un preset alojado como una franja de iconos de pago) para agregar tranquilidad visual o promoción al carrito, ya sea subiendo tu propia imagen o colocando un preset ya hecho.
Bloque Image renderizando una imagen alojada o un recurso preset dentro del drawer del carrito

​
Comportamiento

  • Si no se establece ninguna imagen ni preset, el bloque no renderiza nada en el carrito en vivo. En el editor muestra un placeholder de “Add an image” para que el bloque siga siendo seleccionable.

​
Configuraciones

Cuando seleccionas un preset, este toma el lugar de cualquier imagen subida, y se usa el texto alternativo propio del preset si dejas el campo Alt text en blanco.

​
Ubicación y límites

  • Región: cualquiera (parte superior, cuerpo o parte inferior).
  • Máximo: 3 por estado del carrito. El carrito con artículos y el carrito vacío tienen cada uno su propio cupo.
  • Estado: carrito con artículos y vacío.
  • No se agrega de forma predeterminada. No está bloqueado — puedes eliminarlo u ocultarlo.

​
Plantilla personalizada

Admite una plantilla personalizada desde su pestaña Code, que reemplaza el marcado integrado de este bloque con tu JSX. Estas son las props que recibe.
altText puede estar vacío. Renderiza alt="" en lugar de omitir el atributo, para que la imagen se trate como decorativa. maxHeight y fullWidth son valores que tú debes aplicar en tus propios estilos; la plantilla no los aplica por ti.

​
Diseño

Dale estilo a este bloque con su sección Design en el panel de configuración. Son anulaciones por bloque que se aplican encima de tu diseño global y recurren a él cuando están en blanco. ¿Qué son las configuraciones de diseño? Aprende más aquí: Configuraciones de diseño.