Personalizando headers por paginas

Se desea tener distintos headers(logos) para cada una de las distintas páginas del portal.

Las siguientes imágenes muestran como quedaría

Para lograr el comportamiento este, es necesario agregar javascript a cada página. Para ello,  el administrador del portal debe estar en la página deseada donde se quiere personalizar el icono, ir a al boton Administrar, en la barra de arriba al lado de añadir, y luego ir a Página.

Allí aparecerán la configuración de las páginas tres pestañas: Página, subseccion y apariencia. Clickear en la que dice página.

Abrir la seccion Javascript y añadir el siguiente código:

var logoprincipal=document.querySelector("#heading .logo");
logoprincipal.style.float="left";
var paginaurl=document.location.origin+"/eportal";
var iDiv = document.createElement('img');
document.querySelector("h1.company-title").appendChild(iDiv);
iDiv.src = paginaurl+"/congelados.png";

La última linea es la que se debe de modificar para que cada página tenga su propio banner. Por supuesto se pueden agregar todas las propiedades deseadas para los elementos de javascript. Eso es a gusto del desarrollador.

Las imágenes, en este caso congelados.png, deben de encontrarse en la carpeta {instalacion o3}\liferay\tomcat\webapps\eportal . Deben estar con el formato png.