diff --git a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
index 23a2a9a..c5d66bb 100644
--- a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
+++ b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
@@ -36,18 +36,18 @@
             <div class="row ml-4 pr-3 vh-70 overflow-scroll text-dark">
               <div class="col-4 p-2" *ngFor="let producto of productos">
                 <div class="bg-white rounded-sm shadow border-0">
-                  <img src="{{apiUrl}}/imagenes/testImg.jpg" class="rounded-sm w-100 m-auto">
+                  <img src="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}" class="rounded-sm w-100 m-auto">
                   <div class="p-2">
-                    <p class="h6 text-left m-0">ZARAZA</p>
+                    <p class="h6 text-left m-0">{{producto.DetArt}}</p>
                     <div class="row justify-content-between m-0">
                       <div class="col-12 p-0">
                         <div class="text-left">
-                          <p class="m-0 h6"><small>ZARAZA DETALLE</small></p>
-                          <p class="m-0 h6"><small>COD. 5656</small></p>
+                          <p class="m-0 h6"><small>{{producto.DET_LAR}}</small></p>
+                          <p class="m-0 h6"><small>{{producto.CodSec}}-{{producto.CodArt}}</small></p>
                         </div>
                       </div>
                       <div class="col-12 my-auto pt-2 pr-2 p-0">
-                        <p class="text-right m-0 h6">{{20 | currency}}</p>
+                        <p class="text-right m-0 h6">{{producto.PreVen | currency}}</p>
                       </div>
                     </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 6c08bcd..b38d93c 100644
--- a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.ts
+++ b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.ts
@@ -1,6 +1,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';
 
 @Component({
   selector: 'app-confirmacion-carrito',
@@ -9,12 +10,13 @@ import { Location } from '@angular/common';
 })
 export class ConfirmacionCarritoComponent implements OnInit {
 
-  productos = [{}, {}, {}];
+  productos = [];
   private apiUrl: string = appSettings.apiUrl;
 
-  constructor(private location: Location) { }
+  constructor(private location: Location, private productoService: ProductoService) { }
 
   ngOnInit() {
+    this.productos = this.productoService.productos;
   }
 
   volverPreviousPage() {