➜ Diseño Resumen Carrito Lateral

Diseño Resumen Carrito Lateral | Diseño de una sección para mostrar un resumen de los items que se va agregando al carrito dispuesto en la sección lateral del catálogo.

Diseño de una sección para mostrar un resumen de los items que se va agregando al carrito dispuesto en la sección lateral del catálogo.

Este trozo de código lo implementamos en la vista catálogo resources/views/front/catalogo.blade.php

@if (count(Cart::content()))
        <div class="col-sm-3">
            <p class="text-center">Resumen carrito</p>
            <table class="table table-striped">
                <tbody>
                    @foreach (Cart::content() as $item)
                        <tr>
                            <td>{{$item->name}}</td>
                            <td>{{$item->qty}} x {{$item->price}}</td>
                            <td>{{number_format($item->qty * $item->price,2)}}</td>
                            <td> <a href="/eliminaritem/{{$item->rowId}}" class="text-danger text-decoration-none">x</a> </td>
                        </tr>
                    @endforeach
                    <tr><td colspan="4"><p class="text-end m-0 p-0">Subtotal USD {{Cart::subtotal()}}</p></td></tr>
                    <tr><td colspan="4"><p class="text-end m-0 p-0">Impuesto 18% USD {{Cart::tax()}}</p></td></tr>
                    <tr><td colspan="4"><p class="text-end m-0 p-0">Total USD {{Cart::total()}}</p></td></tr>
                </tbody>
            </table>
            <p class="text-center"><a href="/vercarrito" class="btn btn-outline-success btn-sm">Ver carrito</a></p>
        </div>            
@endif

1435 visitas

Capítulo 15 – Diseño de la vista Ver Carrito »

{ 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

➜ Diseño Resumen Carrito Lateral

Descarga el código del proyecto

¡Qué aprenderás?