Podswietlenie kategori filtrów w portfolio

  • Rozwiązano Hazh

    (@hazh)


    9 lat temu

    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

    • Ten temat został zmodyfikowany 9 lat temu przez Hazh.
Zobacz 6 odpowiedzi - od 1 do 6 (z 6 łącznie)
  • Moderator amistad18

    (@amistad18)

    9 lat temu

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

    Twórca wątku Hazh

    (@hazh)

    9 lat temu

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

    Moderator amistad18

    (@amistad18)

    9 lat temu

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

    Twórca wątku Hazh

    (@hazh)

    8 lat, 12 miesięcy temu

    Link do strony

    Moderator amistad18

    (@amistad18)

    8 lat, 12 miesięcy temu

    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

    Twórca wątku Hazh

    (@hazh)

    8 lat, 12 miesięcy temu

    Witam!

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

Zobacz 6 odpowiedzi - od 1 do 6 (z 6 łącznie)

Temat ‘Podswietlenie kategori filtrów w portfolio’ jest zamknięty na nowe odpowiedzi.