Cambiar clase dinámico

Publicado

19 MAY, 2025

Categoría

Laravel

Objetivo

Cambiar la clase a Active en el menu de encabezado de la pagina de frontend. How to Add Active Class Dynamically in Laravel

Usar

request()->routeIs('nombre de la ruta'). En resources/views/frontend/body/header.blade.php Código:

<div class="navbar__wrap main__menu d-none d-xl-flex">
	<ul class="navigation">

		<li class="{{ request()->routeIs('home') ? 'active' : '' }}"><a href="{{ route('home') }}">Home</a></li>

		<li class="{{ request()->routeIs('home.about') ? 'active' : '' }}"><a href="{{ route('home.about') }}">About</a></li>

		<li><a href="services-details.html">Services</a></li>

		<li class="menu-item-has-children"><a href="#">Portfolio</a>
			<ul class="sub-menu">
				<li><a href="portfolio.html">Portfolio</a></li>
				<li><a href="portfolio-details.html">Portfolio Details</a></li>
			</ul>
		</li>

		<li class="menu-item-has-children"><a href="#">Our Blog</a>
			<ul class="sub-menu">
				<li><a href="blog.html">Our News</a></li>
				<li><a href="blog-details.html">News Details</a></li>
			</ul>
		</li>

		<li><a href="contact.html">contact me</a></li>

	</ul>
</div>

Captura de Pantalla