<ion-header>

    <ion-navbar>

        <button ion-button menuToggle>
            <ion-icon name="menu"></ion-icon>
        </button>

        <ion-title>Variantes</ion-title>
    </ion-navbar>

</ion-header>


<ion-content>
    <ion-list [virtualScroll]="getItems()" approxItemHeight="140px">

		<ion-item *virtualItem="let item">

			<ion-thumbnail item-left>
                <img src="./assets/images/product.png" *ngIf="!item.image_medium"/>
				<img [src]="item.image_medium | sanitizeUrl" *ngIf="item.image_medium"/>
			</ion-thumbnail>

			<h2>{{ item.name }}</h2>
			<p>
				<strong>Precio:</strong>
				{{ item.list_price }}
			</p>
            <p>
				<strong>Cantidad:</strong>
				{{ item.qty_available }}
			</p>
		</ion-item>

	</ion-list>

</ion-content>
