Inicio » Cursos » App para Pizzería con delivery

Empezando el Proyecto

Panel de Administración

FrontEnd Diseño

Carrito de Compra

API Rest

Diseño de la App Android

Autenticación Android

Catálogo de Productos

Carrito de Compra Android

Extras

Curso App para Pizzería con delivery

Lección: 14 ➜ 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.

Lección 14: 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.

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

 


513 visitas

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