Capitulo 19 del Módulo 4 Carrito de Compra

➜ 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

 


1355 visitas

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

Codea Applications

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