WebSite X5Help Center

 
CARLOS AMARAL
CARLOS AMARAL
Moderator

Footer pegado a la base de la ventana del navegador de forma automatica  es

Autor: CARLOS AMARAL
Visited 175, Followers 1, Udostępniony 0  

Estimados que tal, 

Esto quiza es una consulta que solo @KolAsim puede responder, y por otro lado puede quedar como sugerencia de funcionalidad nueva para el programa.

El caso es el problema que tenemos con los PIE DE PAGINA (FOOTER) cuando las paginas tienen poco contenido y el footer queda en el medio de la pantalla con un espacio en blanco abajo.

Es algo que han consultado varias veces, pero no encuentro esas respuestas.

Por otro lado, quiza en la pantalla de ESTRUCTURA DE LA PLANTILLA, podrian ver si es posible agregar un checkbox que permita dejar el footer pegado a la base de la pantalla del navegador automaticamente, con dos opciones, dejarlo siempre pegado abajo, visible como flotante. O dejarlo pegado en la base para las paginas con poco contenido, pero que se visualice solo al llegar abajo con scroll en las paginas que tienen mas contenido.

Saludos colegas!

Carlos A.

2.15.1.0

Posted on the
3 ODPOWIEDZI
CARLOS AMARAL
CARLOS AMARAL
Moderator
Autor
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

Estimados, por si a alguien le sirve con IA he llegado a este codigo, que al menos en mi proyecto hace lo que necesito.

Se debe pegar en AJUSTES > Estadisticas y Código > Codigo > Antes del cierre de la etiqueta BODY

_______________________________________________________

<script>
// SOLUCIÓN COMPLETA PARA FOOTER AUTOMATICO C.AMARAL
document.addEventListener("DOMContentLoaded", function() {
// 1. Configuración inicial
var footer = document.getElementById('imFooter');
var content = document.getElementById('imContent');
var footerBg = document.getElementById('imFooterBg');

if (!footer || !content) return;

// 2. Eliminar elementos problemáticos
if (footerBg) footerBg.style.display = 'none';

// 3. Función principal de ajuste
function ajusteFooterDefinitivo() {
// Calcular dimensiones
var windowHeight = window.innerHeight;
var bodyHeight = Math.max(
document.body.scrollHeight,
document.body.offsetHeight,
document.documentElement.clientHeight,
document.documentElement.scrollHeight,
document.documentElement.offsetHeight
);

// 4. Ajustar para páginas cortas
if (bodyHeight <= windowHeight) {
// Footer fijo abajo
footer.style.position = 'fixed';
footer.style.bottom = '0';
footer.style.width = '100%';
footer.style.left = '0';
footer.style.right = '0';
content.style.paddingBottom = footer.offsetHeight + 'px';
}
// 5. Ajustar para páginas largas
else {
// Footer normal pero con ancho completo
footer.style.position = 'static';
footer.style.width = '100vw';
footer.style.marginLeft = 'calc(-50vw + 50%)';
footer.style.left = '0';
footer.style.right = '0';
content.style.paddingBottom = '0';

// Asegurar que los contenedores no limiten el ancho
['imPage', 'imPageIntContainer', 'imPageExtContainer'].forEach(function(id) {
var el = document.getElementById(id);
if (el) el.style.overflowX = 'hidden';
});
}
}

// 6. Ejecutar y configurar eventos
ajusteFooterDefinitivo();
window.addEventListener('resize', ajusteFooterDefinitivo);
window.addEventListener('load', ajusteFooterDefinitivo);

// 7. Asegurar ejecución final
setTimeout(ajusteFooterDefinitivo, 1000);
});
</script>

_______________________________________________________

Igual no estaría nada mal que sea una opcion en los ajustes de plantillas, para no tener que estar agregando codigo externo.

Saludos!

Carlos A.

2.15.1.0

Czytaj więcej
Posted on the from CARLOS AMARAL
Incomedia
Elisa B.
Incomedia

Hola Carlos, 

gracias por tu sugestión, voy a señalarla. 

¡Gracias!

Czytaj więcej
Posted on the from Elisa B.
CARLOS AMARAL
CARLOS AMARAL
Moderator
Autor
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

Que tal Elisa...

Muchas gracias!!! y muy buena jornada!!

2.15.1.0

Czytaj więcej
Posted on the from CARLOS AMARAL