Categorías

Filtro básico

Categoria:

jQuery

Snippet:

jQuery(document).ready(function($){

$('#menu-categorias-blog a').click(function(event) {
  
  event.preventDefault();//Detenemos la función por defecto de los links
  
  var texto_link = $( this ).text();//Rescatamos el texto del enlace pulsado (nombre de la categoría)
  texto_link = texto_link.toLowerCase();
  
  var categoria_post = 'category-'+texto_link; //ejemplo: clase category-empreses
  
  //console.log(texto_link);
  
  if (texto_link == 'todas') {
    
    $('#post-blog-destacado').hide();//Ocultamos sección último post
    $('#slider-posts-blog').hide();//Ocultamos slider
    $('#grid-posts-blog').show();//Mostramos el grid
    $('#grid-posts-blog article').show();//Mostramos todos los artículos
    
  } else if (texto_link == 'empreses'){
    
    			$('#post-blog-destacado').hide();//Ocultamos sección último post
    			$('#slider-posts-blog').hide();//Ocultamos slider
    			$('#grid-posts-blog').show();//Mostramos el grid
             	$('#grid-posts-blog article').hide();
    			$('#grid-posts-blog article.'+categoria_post).show();
    
             } else {
               
                  //console.log(texto_link);
                  $('#post-blog-destacado').show();//Ocultamos sección último post
                  $('#slider-posts-blog').show();//Ocultamos slider
                  $('#grid-posts-blog').hide();//Ocultamos el grid
               
                }

});//Fin función click enlaces filtro
  
});//FIN jQuery


Versiones:

Array

Descripción:

A través del texto de los enlaces, filtra los posts de blog en Wordpress (Divi) mostrando u ocultando las categorías de Articles correspondientes.



Code Snippets