Filtrar haciendo uso de Essential Grid

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.