как связать цену товара с вариацией товара в ionic 3 и woocommerce

Question

В моем файле list.html этот файл содержит список продуктов, которые я получаю с помощью Woocommerce API. Все работает хорошо, но я не могу связать цену варианта с каждым вариантом. Поскольку в woocommerce у каждого варианта есть свой идентификатор ицена указана в этом массиве. Я так запутался, как получить цену по ее конкретному варианту.

<ion-slide>  <!--This slide is for fruits-->
  <ion-card *ngFor="let product of products" no-padding>
    <ion-item>
      <ion-thumbnail item-start>
        <img-loader *ngIf="product.images" src="{{product.images[1].src}}" 
          useImg>
        </img-loader>
      </ion-thumbnail>
      <h4 top text-wrap>{{product.name}}</h4>
      <p>Rs.{{product.price*product.quantity}}</p>
      <ion-icon icon-only class="dec" name="remove-circle" 
          (click)="decrement(product)">
      </ion-icon>
      {{product.quantity}}
      <ion-icon icon-only class="inc" name="add-circle" 
        (click)="increment(product)">
      </ion-icon>
    </ion-item>

    <ion-item *ngFor="let attr of product.attributes">
      <ion-select [(ngModel)]="qty" placeholder="QTY">
        <ion-option *ngFor="let opt of attr.options" [value]="opt">
           {{ opt }}
        </ion-option>
      </ion-select>
    </ion-item>       
    <button color="light" class="addbtn" ion-button clear >add</button>

   </ion-card>
  </ion-slide>

Это мой файл list.ts. Я использую getAynsc () для получения данных.

   this.WooCommerce.getAsync('products?
    category=34&per_page=10').then((result) => {

  console.log(JSON.parse(result.toJSON().body));
  this.products = JSON.parse(result.toJSON().body);
  console.log(this.products);
  this.productsvv.forEach(product => { product.quantity = 1; });
  this.products.forEach(product => { product.quantity = 1; });
  return JSON.parse(result.toJSON().body);



}, (err) => {
  console.log(err)


})