Creare una Directory/Listing con Filtri su Elementor + Crocoblock JetEngine

In questo tutorial vediamo come poter realizzare con facilità una Directory e Listing di Post Personalizzati su Elementor con Crocoblock Jet Engine, Jet Smart Filters.

Inoltre vedremo un piccolo trucco per rendere i Filtri Dinamici

Nello specifico nel video vedrai come:

  1. Creare un Custom Content Types con i vari campi
  2. Creare Nuovo Listing per il Template visualizzato
  3. Creare un nuovo Smart Filter
  4. Integrare tutto nella pagina + script per far funzionare la chiamata dinamica

Per i vari procedimenti ti rimando direttamente al video, mentre eccoti il codice da inserire nella pagina:

<script>
var selezione;
jQuery("#filtri > div").click(function() {
    
    jQuery("#filtri > div > div").removeClass('attivo');
    selezione= jQuery(this).find('.elementor-heading-title').text();
    jQuery("#filtri select").val(selezione).change();
    
    jQuery(this).children('div').addClass('attivo');
});
</script>
<style>
    .attivo {
        background-color:orange;
    }
    #filtri > div {
        cursor: pointer;
    }
</style>

Condividi l'articolo:
Ti possono interessare anche...