Inicio » Cursos » App para Pizzería con delivery

Curso App para Pizzería con delivery

Capitulo 19 ➜ Remover un item del Carrito

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

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

 


668 visitas

Sigue con el curso: Capítulo 20 – Eliminar el carrito de compra

Descarga el código del proyecto

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

Comprar

Más cursos que pueden interesarte

Más cursos

Codea Codea App

México, Colombia, España, Venezuela, Argentina, Bolivia, Perú

© Todos los derechos reservados Codea App | ...de frente al código!!! | 2020 - 2023