Guía para Filtrar haciendo uso de Essential Grid (etiquetas, categorías, etc), evitando hacer uso de los archives de wordpress, mejorando la navegabilidad y visualización de la página.
Una vez creado el essential grid y añadido los filtros en tu grilla, vamos a la pestaña “API/Javascript” añadir la siguiente función:
(function() {
var grid = jQuery(‘.esg-grid’),
url = window.location.href;
if(!grid.length || url.search(‘#’) === -1) return;
var hash = url.split(‘#’);
hash = hash[hash.length – 1];
if(!hash) return;
hash = hash.toLowerCase().split(‘ ‘).join(‘-‘);
var timer = setInterval(function() {
if(grid.is(‘:visible’)) {
clearInterval(timer);
jQuery(‘div[data-filter=filter-‘ + hash + ‘]’).trigger(‘click’);
}
}, 500);
})();
Una vez añadida la función y guardar los cambios, puedes proceder a añadir como enlace personalizado el slug de filtro, si por ejemplo queremos filtrar por la categoría “portafolio”, añadiremos algo como esto al enlace:
http://www.nombredesitio.com/pagina-de-la-grilla/#portafolio
De esta forma pudiéramos crear un menú personalizado, que en vez de apuntar al archive, apunte a la página de la grilla principal con el filtro seleccionado.
