Inicio » Cursos » App para Pizzería con delivery

Curso App para Pizzería con delivery

Capitulo 14 ➜ Diseño Resumen Carrito Lateral

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

 


670 visitas

Sigue con el curso: Capítulo 15 – Diseño de la vista Ver Carrito

Descarga el código del proyecto

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

Descargar ahora

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