C21. Builder - Explorador de imágenes

Permite presentar una imagen, con campo para etiqueta alt, y campo para especificar url del enlace (opcional).

Interfaz de bloque de imagen

Elemento	Funcionalidad
Vista previa de imagen (parte superior)	Muestra una previsualización de la imagen seleccionada o cargada para confirmar que es la correcta antes de guardar/cerrar.
Fondo cuadriculado (transparencia)	Indica zonas transparentes de la imagen (típico patrón de transparencia).
Campo SRC	Contiene la ruta o enlace de origen de la imagen. Es el archivo que se mostrará en el contenido.
Botón EXPLORAR	Abre el explorador/gestor de archivos o biblioteca del sistema para seleccionar o cargar una imagen y rellenar automáticamente el campo SRC. El campo SRC es editable.
Campo ALT	Permite definir el texto alternativo de la imagen (descripción). Se usa para accesibilidad (lectores de pantalla) y cuando la imagen no carga. También ayuda al SEO.
Campo URL	Permite añadir un enlace asociado a la imagen. En algunos sistemas, al hacer clic en la imagen, el usuario será dirigido a esta URL.
Mensaje “Los cambios se aplican automáticamente”	Indica que cualquier cambio se guarda automáticamente sin necesidad de un botón “Guardar”.
Botón CERRAR	Cierra la ventana de edición y vuelve a la pantalla anterior. Los cambios quedan guardados automáticamente.

Interfaz Explorador de imágenes

Elemento	Funcionalidad
Botón Subir imagen (icono nube con flecha hacia arriba)	Permite cargar/subir una imagen desde el dispositivo. Al hacer clic, abre el explorador de archivos para seleccionar una imagen y añadirla a la carpeta/categoría actual.
Botón Menú / Carpetas (icono superior izquierdo)	Abre el panel de navegación en formato lista (la pantalla con buscador y carpetas creadas. Sirve para cambiar rápidamente de carpeta  de imágenes.
Botón Volver (flecha arriba a la izquierda)	Regresa al nivel anterior del explorador (por ejemplo, salir de una carpeta o volver a la pantalla previa).
Panel de carpetas	Muestra las carpetas o secciones disponibles para organizar imágenes. Permite navegar por el repositorio de archivos. Para crear nueva carpeta escribir el nombre en el campo "New Folder" y hacer clic en "OK". A tener en cuenta que para la optimización de SEO los nombres de las carpetas que tengan más de una palabra, no deben tener espacios en blanco entre ellas. En su lugar poner guion bajo o medio. Para eliminar una carpeta es requerido que no tenga imágenes. En estas condición se puede eliminar con el botón de icono lapicero.
Flecha > a la derecha de cada carpeta	Indica que puedes entrar a esa carpeta para ver su contenido. Al pulsarla se abre la carpeta seleccionada.
Barra de desplazamiento vertical (scroll)	Permite bajar o subir para ver más carpetas o más imágenes disponibles en el explorador.
Botón Nueva carpeta (icono carpeta con “+”)	Crea una carpeta nueva dentro de la ubicación actual para organizar imágenes.
Botón Editar (icono de lápiz, arriba a la derecha)	Activa el modo edición del explorador. En este modo aparecen iconos de papelera sobre las miniaturas para poder eliminar imágenes. Al volver a pulsarlo, se desactiva el modo edición.
Área de galería / miniaturas	Muestra las imágenes disponibles dentro de la carpeta seleccionada en formato miniatura para elegirlas rápidamente.
Miniatura de imagen	Al hacer clic selecciona la imagen (y normalmente la inserta o la carga en el campo SRC del editor).
Pantalla de carpetas (vista lista con buscador)	Vista alternativa que se abre desde el icono superior izquierdo. Permite ver todas las categorías disponibles y cuántos elementos contiene cada una.
Campo Search	Permite buscar carpetas o categorías por nombre para encontrarlas más rápido.
Contador numérico (ej. 77, 11, 19…)	Indica cuántas imágenes o elementos hay dentro de cada categoría/carpeta.
Nombre de carpetas (Content, Escaparate, etc.)	Al hacer clic se accede directamente a esa categoría para ver sus imágenes.

Para cerrar el explorador de imagen hacer clic en cualquier espacio fuera de su interfaz