Empezando el Proyecto

Panel de Administración

FrontEnd Diseño

Carrito de Compra

API Rest

Diseño de la App Android

28.Mockups del Aplicativo

Autenticación Android

Catálogo de Productos

Carrito de Compra Android

40.Creación de la DB dbpizza
41.Métodos de consulta a la DB
42.CarritoActivity
43.CarritoAdapter
44.AddItem
45.CarritoAll
46.UpdateItem
47.Subtotal, Impuesto y Total
48.Preparar el Pedido y enviarlo al Servidor
49.Vincular a WhatsApp y clearItems

Extras

50.Optimizando el diseño y funcionalidades

Curso App para Pizzería con delivery

Lección: 13 ➜ Diseño de Notificación en la barra de menú

Implementación de una notificación en el menú de navegación que indique la cantidad de ítems del carrito de compra.

Lección 13: Diseño de Notificación en la barra de menú

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

653 visitas