diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
index a94277e..34cf641 100644
--- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
@@ -150,17 +150,21 @@
           </div>
           <div class="col-6 col-sm-8 col-md-9 col-lg-10 h-100">
             <div #templateCarrito class="row flex-row flex-nowrap h-100 mx-0 scroll-x">
+              <div *ngIf="!articuloService.carrito.length" class="col h-100">
+                <p>No hay articulos en el carrito</p>
+              </div>
               <div
-                class="col-10 col-sm-4 col-lg-2 col-xl-auto px-2 px-xl-4 my-2 h-100 align-self-center border-right border-primary"
-                (click)="selectCategoria(i)"
-                *ngFor="let categoria of [{},{},{},{},{},{},{},{},{},{},{},{},{},{}]; let i = index;">
+                class="col-10 col-sm-4 col-lg-2 px-2 px-xl-4 my-2 h-100 align-self-center border-right border-primary swing-in-top-fwd"
+                *ngFor="let articulo of articuloService.carrito; let i = index;">
                 <img
                   draggable="false"
                   ondragstart="return false;"
                   (contextmenu)="false"
-                  class="d-block h-55 p-2 mx-auto"
-                  src="assets/img/ir-color.svg">
-                <p class="d-block mt-auto text-center text-primary"><small>{{'articulo'}}</small></p>
+                  class="d-block h-55 img-fluid p-2 mx-auto"
+                  src="{{urlImagenes}}{{articulo.imagenes[0].imagen}}">
+                <p class="d-block mt-auto text-center text-primary text-truncate">
+                  <small>{{articulo.DetArt}}</small>
+                </p>
               </div>
             </div>
           </div>
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts b/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
index 11dca4f..d298cca 100644
--- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
@@ -125,13 +125,8 @@ export class SeleccionArticulosComponent implements OnInit {
     this.filterItems();
   }
 
-  elegirArticulo(articulo: any) {
-    if (articulo.promo) {
-      this.modalRef = this.modalService.show(PromocionComponent, {
-        class: 'custom-modal modal-dialog-centered',
-        ignoreBackdropClick: true,
-      })
-    }
+  elegirArticulo(articulo: IArticulo) {
+    this.articuloService.setArticulo(articulo);
   }
 
   increaseShow() {
diff --git a/src/app/services/articulo/articulo.service.ts b/src/app/services/articulo/articulo.service.ts
index ec994ed..9242d3d 100644
--- a/src/app/services/articulo/articulo.service.ts
+++ b/src/app/services/articulo/articulo.service.ts
@@ -9,7 +9,7 @@ import { Observable } from 'rxjs';
   providedIn: 'root'
 })
 export class ArticuloService {
-  articulos: IArticulo[] = [];
+  carrito: IArticulo[] = [];
   articuloAcargar: IArticulo;
   promoAcargar: IArticulo;
   mostrar: string;
@@ -33,15 +33,15 @@ export class ArticuloService {
     return this.http.get(`${this.urlDeboSuite}/articulos/${page}`);
   }
 
-  setArticulos(articulo: IArticulo) {
-    for (let i = 0; i < this.articulos.length; i++) {
-      if (this.articulos[i].id === articulo.id) {
+  setArticulo(articulo: IArticulo) {
+    for (let i = 0; i < this.carrito.length; i++) {
+      if (this.carrito[i].id === articulo.id) {
         if (articulo.PRO) break;
-        this.articulos[i].cantidad++;
+        this.carrito[i].cantidad++;
         return;
       }
     }
-    this.articulos.unshift(articulo);
+    this.carrito.unshift(articulo);
   }
 
   getPromocionByCodigos(sector, codigo) {
@@ -71,7 +71,7 @@ export class ArticuloService {
           let puntoVenta = parseInt(localStorage.getItem('impresoraPVE'));
           this.markArticuloInPromoAsRemoved();
           this.http.post(`${this.urlDeboSuite}/comprobante/guardar/${dataPago.medioPago}`, {
-            productos: this.articulos,
+            productos: this.carrito,
             cliente: cliente,
             origen: 'autoservicio',
             codigoVendedor: 5,
@@ -90,7 +90,7 @@ export class ArticuloService {
   cleanShoppingCar() {
     this.articuloAcargar = undefined;
     this.promoAcargar = undefined;
-    this.articulos = [];
+    this.carrito = [];
   }
 
   setArticulosSinImagen(articulos: IArticulo[]) {
@@ -101,7 +101,7 @@ export class ArticuloService {
   }
 
   markArticuloInPromoAsRemoved() {
-    this.articulos.forEach((articulo: IArticulo) => {
+    this.carrito.forEach((articulo: IArticulo) => {
       if (articulo.PRO) {
         articulo.productos.forEach((articulo: IArticulo) => {
           if (articulo.cantidadAdicionada === 0) {