Wsparcie » Motywy » Podswietlenie kategori filtrów w portfolio

  • Rozwiązano Hazh

    (@hazh)


    Witam.

    Posiadam kod który wyświetla mi dostępne kategorie w portfolio. Potrzebował bym aby aktualna kategoria była podświetlona, tj zmiana koloru tła na wybrane.

    
    <?php
    if( $portfolio_categories = get_terms('portfolio-types') ){
    foreach( $portfolio_categories as $category ){
    echo '<li><a data-rel=".category-'. $category->slug .'" href="'. get_term_link($category) .'">'. $category->name .'</a></li>';}}
    ?>
    

    wygląda to tak:

    Tak wygląda
    FIrebug pokazuje

    • This topic was modified 6 years, 8 months temu by Hazh.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator amistad18

    (@amistad18)

    Podaj linka do strony gdzie możemy to zobaczyć, chyba że na obrazku mamy Ci dodać efekt podświetlenia? 🙂

    Thread Starter Hazh

    (@hazh)

    raczej chodziło mi o nakierowanie mnie w dobrą stronę 🙂 nie o gotowca 🙂

    Moderator amistad18

    (@amistad18)

    Mi też o to chodziło, ale aby nakierować Cie w dobrą stronę – chcę zobaczyć co już masz i jak to działa.

    Thread Starter Hazh

    (@hazh)

    Moderator amistad18

    (@amistad18)

    Sam wdrażałeś to filtrowanie, czy jest to kwestia motywu? Z jakiegoś powodu isotope nie nadaje Twoim przyciskom klasy is-checked po wybraniu jakiegoś filtra – jeśli sam tego nie implementowałeś to możesz się zgłosić do autora motywu zgłaszając im błąd. Natomiast jeśli chcesz się sam pobawić, to w pliku themes/cake/js/scripts.js znajdź:

    $('.isotope-filters .filters_wrapper').find('li:not(.close) a').click(function(e){
    	e.preventDefault();
    	isotopeFilter( $(this), $('.isotope') );
    });

    I zamień np. na coś takiego:

    $('.isotope-filters .filters_wrapper').find('li:not(.close) a').click(function(e){
    	e.preventDefault();
    	$('.isotope-filters .filters_wrapper a').removeClass('is-checked');
    	$(this).addClass('is-checked');
    	isotopeFilter( $(this), $('.isotope') );
    });

    I potem tylko ostylować w CSSie klasę is-checked

    Thread Starter Hazh

    (@hazh)

    Witam!

    No i to rozwiązało cały problem. Jak już przyszedłem to było tak. Wielkie dzięki za pomoc!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Temat ‘Podswietlenie kategori filtrów w portfolio’ jest zamknięty na nowe odpowiedzi.