Capítulo 19 – Remover un item del Carrito – Curso App para Pizzería con delivery

Curso App para Pizzería con delivery

Capitulo 19 ➜ Remover un item del Carrito

¿cómo remover un item del carrito de compra Laravel 9?

Implementación de la funcionalidad para remover un item del carrito en Laravel 9, ruta, método en el controlador y la vista para lograr dicha funcionalidad

Agregar en la ruta web.php

....
Route::get('/eliminaritem/{id}', [App\Http\Controllers\CarritoController::class, 'eliminarItem'])->name("eliminaritem");
....

Actualizar en la vista carrito.blade.php

....
<td><a href="/eliminaritem/{{$item->rowId}}" class="btn btn-sm text-danger">x</a> </td>
....

Agregar en el controlador CarritoController.php

public function eliminarItem(Request $request){
        Cart::remove($request->id);
        return back()->with("success","Item eliminado correctamente!");
}

Finalmente la vista se modificaria de la siguiente manera

 @if (Cart::content()->count())
            <table class="table table-striped">
                <thead>
                    <th>Foto</th>
                    <th>Producto</th>
                    <th>Precio</th>
                    <th>Cantidad</th>
                    <th>Importe</th>
                    <th></th>
                </thead>
                <tbody>
                    @foreach (Cart::content() as $item)
                        <tr>
                            <td><img src="/img/{{$item->options->urlfoto}}" width="100"></td>
                            <td>{{$item->name}}</td>
                            <td>{{$item->price}}</td>
                            <td>
                                <div class="btn-group btn-group-sm" role="group" aria-label="Small button group">
                                    <a href="/decrementar/{{$item->rowId}}" class="btn btn-success">-</a>
                                    <button type="button" class="btn">{{$item->qty}}</button>
                                    <a href="/incrementar/{{$item->rowId}}" class="btn btn-success">+</a>
                                </div>
                            </td>
                            <td>{{number_format($item->qty * $item->price,2)}}</td>
                            <td><a href="/eliminaritem/{{$item->rowId}}" class="btn btn-sm text-danger">x</a> </td>
                        </tr>
                    @endforeach
                    <tr><td colspan="5"><p class="text-end m-0 p-0">Subtotal USD{{Cart::subtotal()}}</p></td> <td></td></tr>
                    <tr><td colspan="5"><p class="text-end m-0 p-0">Impuesto 18% USD{{Cart::tax()}}</p></td><td></td></tr>
                    <tr><td colspan="5"><p class="text-end m-0 p-0">Total USD{{Cart::total()}}</p></td><td></td></tr>
                </tbody>
            </table>
            <div class="row justify-content-center mt-5 mb-5 text-center">
                <div class="col-sm-4">
                   
                </div>
                <div class="col-sm-4">
                    @auth
                        <a href="" class="btn btn-danger">Ordenar ahora</a>
                    @else
                        <a href="/login" class="btn btn-danger">Entrar para ordenar</a>
                    @endauth
                </div>
            </div>    
@else
  <p class="text-center">Carrito vacio</p>
@endif

780 visitas

« Capítulo 18 – Decrementar la cantidad de un item

Capítulo 20 – Eliminar el carrito de compra »

{ Curso App para Pizzería con delivery }

Compartir link con tus amigos

Descarga el código del proyecto

Descarga el código fuente del proyecto adquiriendo el curso completo

Comprar

Indice

Empezando el Proyecto

1 Planteamiento del Proyecto 2 Instalación de Laravel y configuración inicial

Panel de Administración

3 Auth y Roles de Usuario: Admin y Cliente 4 Implementación del CRUD de Categorías 5 Implementación CRUD Productos 6 Implementación CRUD Precios 7 Implementación CRUD Pedidos 8 Implementación CRUD Clientes

FrontEnd Diseño

9 Diseño de la Portada con productos 10 Diseño e implementación del Catálogo 11 Diseño Detalle del Producto

Carrito de Compra

12 Instalación del paquete del carrito de compra 13 Diseño de Notificación en la barra de menú 14 Diseño Resumen Carrito Lateral 15 Diseño de la vista Ver Carrito 16 Implementación Agregar Item 17 Incrementar Cantidad del Item 18 Decrementar la cantidad de un item 19 Remover un item del Carrito 20 Eliminar el carrito de compra 21 Confirmar y procesar el carrito de compra

API Rest

22 Planteamiento de la API Rest 23 Registro 24 Login 25 Logout 26 Categorías 27 Productos

Diseño de la App Android

28 Mockups del Aplicativo

Autenticación Android

29 Introducción a la Autenticación 30 ApiService 31 RetrofitClient 32 SessionManager 33 MainActivity 34 LoginActivity 35 RegisterActivity 36 Logout

Catálogo de Productos

37 Categorías 38 Productos 39 Detalle del Producto

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