Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 | 7x | @if (visible$ | async) {
@if (isPriceRange$ | async) {
@if (data$ | async; as d) {
<div class="current-price" data-testing-id="current-price">
{{ d.lowerPrice | ishPrice }} - {{ d.upperPrice | ishPrice }}
</div>
}
} @else {
@if (data$ | async; as d) {
<div
class="current-price"
data-testing-id="current-price"
[ngClass]="{
'sale-price': showInformationalPrice && d.isListPriceGreaterThanSalePrice,
'sale-price-higher': showInformationalPrice && d.isListPriceLessThanSalePrice,
}"
>
@if (d.salePrice) {
{{
(d.isListPriceGreaterThanSalePrice
? 'product.price.salePricePrefix.text'
: 'product.price.salePriceFallback.text'
) | translate: { '0': d.salePrice | ishPrice }
}}
<meta itemprop="price" [attr.content]="d.salePrice.value | number: '1.2-2' : 'en_US'" />
<meta itemprop="priceCurrency" [attr.content]="d.salePrice.currency" />
} @else {
{{ 'product.price.na.text' | translate }}
}
</div>
@if (showInformationalPrice && d.isListPriceGreaterThanSalePrice) {
<div class="old-price" data-testing-id="old-price">
<span class="price-value">
{{ 'product.price.listPriceFallback.text' | translate: { '0': d.listPrice | ishPrice } }}
</span>
@if (showPriceSavings) {
<span class="price-savings">
{{ 'product.price.savingsFallback.text' | translate: { '0': d.priceSavings | ishPrice } }}
</span>
}
</div>
}
@if (showScaledPrices && d.scaledPrices?.length) {
<div class="scaled-prices" data-testing-id="scaled-prices">
@for (
scaledPrice of d.scaledPrices;
track scaledPrice.minQuantity;
let i = $index;
let lastScaledPrice = $last
) {
@if (lastScaledPrice) {
<div>
{{
'product.price.scaledPrice.unlimited.text'
| translate: { '0': scaledPrice.minQuantity, '1': scaledPrice | ishPrice }
}}
</div>
} @else {
@if (scaledPrice.minQuantity !== d.scaledPrices[i + 1].minQuantity - 1) {
<div>
{{
'product.price.scaledPrice.range.text'
| translate
: {
'0': scaledPrice.minQuantity,
'1': d.scaledPrices[i + 1].minQuantity - 1,
'2': scaledPrice | ishPrice,
}
}}
</div>
} @else {
<div>
{{
'product.price.scaledPrice.single.text'
| translate
: {
'0': scaledPrice.minQuantity,
'1': scaledPrice | ishPrice,
}
}}
</div>
}
}
}
</div>
}
}
}
}
|