php - Twig active navbar item -
in index.php
switch($page){ case 'home': echo $twig->render('home.twig'); break; case 'iletisim': echo $twig->render('iletisim.twig'); break; case 'hakkimizda': echo $twig->render('hakkimizda.twig');
in layout.twig
<nav id="primary-menu" class="serif normal"> <ul> <li class="current"><a href="index.php?p=home"><div>ana sayfa</div></a></li> <li><a href="index.php?p=hakkimizda"><div>hakkımızda</div></a></li> <li><a href="index.php?p=konaklama"><div>konaklama</div></a> </li> <li><a href="#"><div>Çocuk & aile</div></a> <ul> <li><a href="index.php?p=oyun_alanlari"><div>oyun alanları</div></a></li> <li><a href="index.php?p=piknik_alanlari"><div>piknik alanları</div></a></li> </ul> </ul> </nav><!-- #primary-menu end -->
i want active in navbar when page changes, how can it
you can that:
in index.php
switch($page){ case 'home': echo $twig->render('home.twig', ['current' => 'home']); break; case 'iletisim': echo $twig->render('iletisim.twig', ['current' => 'iletisim']); break; case 'hakkimizda': echo $twig->render('hakkimizda.twig', ['current' => 'hakkimizda']); ....
and in layout.twig
<nav id="primary-menu" class="serif normal"> <ul> <li {{ (current == 'home') ? 'class="current"' : '' }}><a href="index.php?p=home"><div>ana sayfa</div></a></li> <li {{ (current == 'hakkimizda') ? 'class="current"' : '' }}><a href="index.php?p=hakkimizda"><div>hakkımızda</div></a></li> <li {{ (current == 'konaklama') ? 'class="current"' : '' }}><a href="index.php?p=konaklama"><div>konaklama</div></a></li> ...
of course, improve way.
Comments
Post a Comment