➜ Diseño de Notificación en la barra de menú
Diseño e implementación de una notificación Laravel 9 | Implementación de una notificación en el menú de navegación que indique la cantidad de ítems del carrito de compra.
Implementación de una notificación en el menú de navegación que indique la cantidad de ítems del carrito de compra.
@if (Cart::content()->count())
<li class="nav-item">
<a class="nav-link position-relative" href="/vercarrito" >
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart-fill" viewBox="0 0 16 16">
<path d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
</svg>
<span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">
{{Cart::content()->count()}}
<span class="visually-hidden">unread messages</span>
</span>
</a>
</li>
@endif
1472 visitas
Capítulo 14 – Diseño Resumen Carrito Lateral »
Descarga el código del proyecto
Descarga el código fuente del proyecto adquiriendo el curso completo
Comprar¡Qué aprenderás?
tooltip bs-tooltip-top bs-tooltip-end bs-tooltip-bottom bs-tooltip-start show fade tooltip-inner
