Capitulo 14 del Módulo 4 Carrito de Compra

➜ 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

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ú