Banners
Listado, alta, edición, orden, publicación, configuración de sectores y eliminación de banners de imagen o HTML.
El módulo Banners administra los banners del sitio. Cada banner pertenece a una ubicación (sector) del sitio y puede ser de tipo Imagen o HTML.
Para ingresar, seleccionar Contenidos > Banners en el menú lateral. El listado muestra los banners del sitio seleccionado.
Medidas
Antes de preparar una imagen, consultar Medidas de los banners: el ancho depende de la ubicación elegida.
Listado de banners
La pantalla Banners muestra una fila por banner.
| Columna | Contenido |
|---|---|
| Ícono de mover | Permite cambiar el orden arrastrando la fila. |
| Img | Miniatura del banner. Los banners HTML muestran una imagen genérica de "sin imagen". |
| Id | Identificador del banner. |
| Nombre | Nombre del banner. |
| Sector | Ubicación del banner. |
| Tipo | Imagen o HTML. |
| Publicado | Casilla que publica o despublica el banner. |
| Acciones | Menú Seleccione con las opciones Editar y Eliminar. |
En la parte superior derecha se encuentran los botones Configuración y Nuevo Banner.
Filtrar
Sobre el listado hay dos selectores. Al elegir un valor, el listado se actualiza automáticamente.
- Filtrar por Sector: muestra solo los banners de esa ubicación.
- Filtrar por Estado: Publicado o No Publicado.
Publicar y despublicar
Marcar o desmarcar la casilla Publicado de la fila. El cambio se guarda en el momento y se informa Cambio Realizado: "Se cambió el estado de disponibilidad del Banner".
Cambiar el orden
Arrastrar una fila con el ícono de mover y soltarla en su nueva posición. El orden se guarda automáticamente. Si falla, se avisa "Ha ocurrido un problema al ordenar los filtros, vuelva a intentarlo nuevamente.".
Crear un banner
- Seleccionar Nuevo Banner.
- Completar Nombre.
- Elegir la Ubicacion y el Tipo.
- Seleccionar Seleccione un archivo y elegir la imagen o el archivo HTML.
- Completar el resto de los datos y seleccionar Guardar o Aplicar.
Orden de carga
Para validar el archivo, el sistema necesita saber antes el Tipo y, en las imágenes, la Ubicacion. Si se elige el archivo primero, se muestra Validaciones de banner y el archivo se descarta.
Datos del banner
| Campo | Descripción |
|---|---|
| Nombre | Título del banner. Es obligatorio. |
| Ubicacion | Sector donde se muestra el banner. Al elegirla, el campo Ancho muestra la medida que corresponde. |
| Tipo | Imagen o HTML. |
| URL | Dirección a la que lleva el banner, precedida por el selector de destino: _self, _parent o _blank. |
| Ratio | Número obligatorio que indica la posición de orden del banner. |
| Ancho | Ancho de la ubicación elegida. Solo lectura. |
| Alto | Solo lectura en los banners de imagen, donde el alto se toma de la imagen cargada. Se puede completar en los banners HTML. |
| Publicado | Casilla de publicado. Viene sin marcar. |
| Descripcion | Texto descriptivo del banner. |
| Utilizar fecha de Vigencia | Casilla que acompaña los campos Desde y Hasta. |
| Desde / Hasta | Fechas de vigencia, con formato dd/mm/aaaa. Vienen con la fecha de hoy. |
| Empresa | Empresa asociada. Es opcional. |
Requisitos del archivo
| Tipo | Requisito |
|---|---|
| Imagen | Formato JPG, JPEG, PNG, GIF o WEBP. El ancho debe ser exactamente el de la ubicación. El alto es libre. |
| HTML | Archivo .html. No se valida ninguna medida. |
Si el archivo no cumple, se muestra Validaciones de banner con uno de estos avisos y el archivo se descarta:
| Situación | Aviso |
|---|---|
| No se eligió el tipo | "Seleccionar primero el tipo de banner (imagen o html)." |
| No se eligió la ubicación | "Seleccione primero la "Ubicacion" del banner." |
| Imagen con formato no admitido | "El archivo a subir debe ser una imagen!" |
| Imagen con ancho distinto al de la ubicación | "El tamaño de la imágen es inválido" |
| HTML con otra extensión | "El archivo a subir debe ser un html!" |
| No se pudo leer la imagen | "Error al cargar la imagen." |
El peso máximo de una imagen de banner es de 5 MB, salvo que el sitio tenga otro valor en Sistema > Configuración, campo Peso máximo banners (MB). Si se supera al reemplazar una imagen, el aviso es "La imagen que intenta cargar es demasiado pesada. El tamaño máximo permitido para banners es de ... MB. Por favor reduzca el peso de la imagen e intente nuevamente.".
Guardar
- Guardar crea el banner y vuelve a la pantalla desde la que se inició el alta.
- Aplicar crea el banner y abre su pantalla de edición.
- Volver regresa sin guardar.
Al guardar se muestra el mensaje Cambios Guardados.
Editar un banner
- En el listado, abrir el menú Seleccione del banner.
- Seleccionar Editar.
- Modificar los datos.
- Seleccionar Guardar o Aplicar.
La pantalla Editando muestra los mismos campos que el alta, con estas diferencias:
- Ubicacion y Tipo no se pueden cambiar.
- Se muestra la imagen actual (banners de imagen) o un editor de texto con el código del banner (banners HTML).
- Para reemplazar la imagen, la nueva debe tener el mismo ancho y alto que la actual. Si no coincide, se muestra "Tamaño de la imágen inválido. Las dimensiones del banner subido (ancho y alto) deben coincidir con el indicado para la ubicación seleccionada.".
Al guardar se muestra el mensaje Cambios Guardados: "Los cambios realizados en el elemento ... fueron guardados con éxito".
- Guardar guarda los cambios y vuelve al listado.
- Aplicar guarda los cambios y permanece en el banner.
- Volver regresa sin guardar.
Configuración de sectores
El botón Configuración abre la pantalla Configuración Banner, con una tabla de los sectores del sitio.
| Columna | Descripción |
|---|---|
| Sector | Código del sector. Solo lectura. |
| Ancho | Ancho del sector, en píxeles. Solo lectura. |
| Máx. a mostrar | Cantidad máxima de banners a mostrar en el sector. |
| Al Azar | Casilla para mostrar los banners en orden aleatorio. |
- Guardar guarda los cambios y vuelve al listado.
- Aplicar guarda los cambios y permanece en la pantalla.
- Volver regresa sin guardar.
Eliminar un banner
- En el listado, abrir el menú Seleccione del banner.
- Seleccionar Eliminar.
- En la ventana de confirmación, "¿Está seguro que desea continuar?", seleccionar ¡Eliminar!. Para cancelar, seleccionar Cancelar.
La eliminación es definitiva e incluye el archivo del banner. Se muestra Elemento eliminado: "El item seleccionado fue eliminado correctamente".
Permisos
El acceso depende del nivel de permiso asignado al perfil en Permisos, fila Banners:
| Permiso | Qué permite |
|---|---|
| Solo Lectura | Consultar el listado, abrir los banners y ver la configuración de sectores. |
| Lectura y Escritura | Lo anterior, más crear banners, guardar cambios, publicar, ordenar y guardar la configuración. |
| Todos | Todo lo anterior, más eliminar banners. |