Inicio » Cursos » App para Pizzería con delivery

Diseño Resumen Carrito Lateral | Curso App para Pizzería con delivery

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

 


344 visitas

Cursos que pueden interesarte

Codea App Codea App

México, Colombia, España, Venezuela, Argentina, Bolivia, Perú

You Fb Tik Pin

© Todos los derechos reservados Codea App | Cursos de programación | 2020 - 2023