Imagen

Este componente te permite mostrar una imagen, diferenciada para dispositivos de escritorio y móviles, con algunas opciones para definir su apariencia:

Imagen

Aquí puedes subir la imagen principal que se mostrará en el componente.

Una vez hecho esto, se volverá visible una segunda opción para que puedas subir una imagen específicamente para dispositivos móviles. Si no subes una imagen aquí, la primera se usará en todos los dispositivos.

---

Ancho

Esta opción te permite definir cómo se comportará la imagen, lo que estará directamente relacionado con lo que esté definido en la opción Ancho máximo del contenedor en Configuración del tema > Diseño > Estilos del tema.

Ancho de grid

Hace que la imagen se extienda al máximo disponible, cuando Ancho máximo del contenedor sea distinto de Ancho del navegador.

Pequeño

Define el ancho de la imagen en un 50% del espacio disponible.

Mediano

Define el ancho de la imagen en aproximadamente un 66% del espacio disponible.

Grande

Define el ancho de la imagen en aproximadamente un 83% del espacio disponible.

Ancho completo

Hace que la imagen ocupe todo el ancho del navegador, sin importar lo definido en Ancho máximo del contenedor.

---

Posición horizontal

Esta opción permite definir la posición de la imagen en el eje horizontal. Solo será visible y estará disponible cuando la opción Ancho sea Pequeño, Mediano o Grande.

---

Apariencia

Este grupo contiene las siguientes opciones para personalizar el componente:

• Margen superior: permite controlar el margen superior de la sección.
• Margen inferior: permite controlar el margen inferior de la sección.
• Colores del contenido: permite elegir el Pack de colores para el componente.

---

Animaciones

La opción Personalizar opciones permite ajustar las animaciones para este componente específico. Puedes leer cuáles están disponibles en esta página.