AX - Imagen

Resumen

AX - Imagen es un componente de Experience Cloud que muestra imágenes en las páginas de Experience Sites con control sobre el tamaño, el recorte, la alineación y el comportamiento de carga.

Úsalo para mostrar fotos de productos, logotipos, banners, fotos de perfil o cualquier contenido visual desde Documentos de Contenido de Salesforce, recursos estáticos o URL externas. Configura cómo se muestran, recortan y escalan las imágenes en Experience Builder sin código.

Perfecto para galerías de productos, encabezados de marca, secciones de contenido visual, exhibiciones de perfil o cualquier lugar de tu portal que necesite presentación de imágenes flexible con tamaño adaptable.

Tutoriales

Nombre	Descripción
Configura el mapa para mostrar la información de detalle del registro	Aprende a mostrar registros en Experience Cloud usando Avonni Map.

Configuración

🎛️ Propiedades

Nombre	Descripción	Uso
Imagen CMS o URL de imagen	Especifica la fuente de la imagen, ya sea desde un CMS o directamente usando una URL de imagen.	Selecciona la fuente que mejor se adapte a tus preferencias de gestión de imágenes y que garantice un acceso y actualizaciones sencillos.
Ancho y alto	Determina el ancho y el alto de la imagen mostrada.	Establece dimensiones que aseguren que la imagen encaje armoniosamente en el diseño de la página mientras mantiene su nitidez.
Posición	Ajusta la alineación de la imagen.	Alinea la imagen dentro de su contenedor para mantener un diseño de página equilibrado y estéticamente agradable.
Imagen estática	Opción para establecer la imagen como estática.	Usa esta configuración cuando la imagen no requiera ajustes responsivos y permanezca constante en distintos tamaños de pantalla.
Fluido y crecimiento fluido	Estas opciones permiten que la imagen ajuste su tamaño de forma responsiva.	Activa estas configuraciones para que las imágenes se adapten suavemente a diferentes tamaños de pantalla, mejorando la capacidad de respuesta de la página web.
Miniatura	Muestra la imagen como una miniatura.	Utiliza esta opción para presentar la imagen en una forma compacta, adecuada para galerías o como vista previa.
Carga diferida	Elige entre carga automática o diferida de la imagen.	Optimiza los tiempos de carga de la página seleccionando un método de carga que equilibre la visibilidad inmediata y el rendimiento general de la página.
Tamaño de recorte, ajuste de recorte, posición de recorte X y Y	Personaliza el recorte de la imagen para centrarte en las partes relevantes.	Define parámetros de recorte para asegurar que la imagen muestre de forma prominente las áreas esenciales, mejorando la comunicación visual.
Tipo de magnificador	Selecciona el estilo de magnificación que se aplicará al ver los detalles de la imagen.	Mejora la interacción del usuario eligiendo un tipo de magnificador que permita una exploración detallada de la imagen.
Imagen de comparación CMS o URL de comparación	Personaliza los atributos de la función de comparación.	Refina la funcionalidad de comparación con atributos que dictan la orientación, la interacción y el etiquetado, asegurando una experiencia de comparación fácil de usar.
Atributos de comparación	Define los detalles específicos de la función de magnificación.	Personaliza el comportamiento y la apariencia del magnificador para asegurar que los usuarios puedan explorar fácilmente los detalles de la imagen.
Atributos del magnificador	Ajusta la redondez de las esquinas de la imagen.	Suaviza o afila las esquinas de la imagen estableciendo un radio de borde apropiado, contribuyendo a la presentación estilística de la imagen.

🎨 Estilizado