Curso App para Pizzería con delivery
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
456 visitas
Descarga el código fuente del proyecto adquiriendo el curso completo
Descargar ahora© Todos los derechos reservados Codea App | ...de frente al código!!! | 2020 - 2023