diff --git a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
index c5d66bb..9c1cb17 100644
--- a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
+++ b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
@@ -56,18 +56,44 @@
             </div>
           </div>
 
-          <div class="col-sm-5">
+          <div class="col-sm-5 pl-0">
             <div class="row ml-3">
               <!-- TICKET -->
-              <div class="col-sm-7">
+              <div class="col-sm-7 p-0">
                 <div class="card rounded-sm shadow">
                   <div class="card-body">
                     <p class="h5 card-title">Su Ticket</p>
-                    <p class="h6 card-text text-left mt-4 pr-2 vh-60 overflow-scroll">
-                      Ticket detalle.
-                    </p>
-                    <p class="h4 card-text text-right mt-3 mb-0">
-                      Total {{230 | currency}}
+                    <div class="row mt-4 m-0">
+                      <div class="col-12 p-0 mb-2">
+                        <p class="h6 m-0 card-text text-left">
+                          <small class="font-weight-bold">DESCRIPCIÓN</small>
+                        </p>
+                        <p class="h6 m-0 card-text text-left">
+                          <small class="font-weight-bold">CANTIDAD X PRECIO UNITARIO</small>
+                        </p>
+                      </div>
+                    </div>
+                    <div class="row vh-50 overflow-scroll m-0">
+                      <div class="col-12 p-0 mb-2" *ngFor="let producto of productos">
+                        <p class="h6 m-0 card-text text-left">
+                          <small>{{producto.DetArt}}</small>
+                        </p>
+                        <div class="row d-flex justify-content-between m-0">
+                          <div class="col p-0">
+                            <p class="h6 m-0 card-text text-left">
+                              <small>{{producto.cantidad}} x {{producto.PreVen | currency}}</small>
+                            </p>
+                          </div>
+                          <div class="col p-0">
+                            <p class="h6 m-0 card-text text-right">
+                              <small>{{(producto.PreVen) * (producto.cantidad) | currency}}</small>
+                            </p>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <p class="h4 font-weight-bold card-text text-right mt-3 mb-0">
+                      Total {{getTotal() | currency}}
                     </p>
                   </div>
                 </div>
diff --git a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.ts b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.ts
index b38d93c..852090f 100644
--- a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.ts
+++ b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit } from '@angular/core';
 import { appSettings } from 'src/etc/AppSettings';
 import { Location } from '@angular/common';
 import { ProductoService } from 'src/app/services/producto.service';
+import { Producto } from 'src/app/wrappers/producto';
 
 @Component({
   selector: 'app-confirmacion-carrito',
@@ -10,17 +11,33 @@ import { ProductoService } from 'src/app/services/producto.service';
 })
 export class ConfirmacionCarritoComponent implements OnInit {
 
-  productos = [];
+  productos: Producto[] = [];
+  total: number = 0;
   private apiUrl: string = appSettings.apiUrl;
 
-  constructor(private location: Location, private productoService: ProductoService) { }
+  constructor(
+    private location: Location,
+    private productoService: ProductoService
+  ) { }
 
   ngOnInit() {
+
     this.productos = this.productoService.productos;
   }
 
   volverPreviousPage() {
+
     this.location.back();
   }
 
+  getTotal() {
+
+    var subTotal = 0;
+    this.productos.forEach(producto => {
+
+      subTotal = subTotal + (producto.PreVen * producto.cantidad);
+    });
+    return this.total = subTotal;
+  }
+
 }