All files / src/app/shared/components/product/product-tile product-tile.component.html

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
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (product$ | async; as product) { @if (!product.failed) {
<div class="product-tile" [attr.data-testing-sku]="product.sku">
  <div class="product-image-container">
    <ish-product-image imageType="M" [link]="true" [loading]="loading" />
    <ish-product-label />
  </div>
  <ish-product-name />
  <ish-lazy-product-rating [hideNumberOfReviews]="true" />
  <ish-product-promotion displayType="simple" />
  @if (configuration$('price') | async) {
  <div class="price-container">
    <ish-product-price [showInformationalPrice]="true" />
  </div>
  }
  <ish-product-item-variations />
  <div class="product-tile-actions btn-group">
    <ish-lazy-product-add-to-quote displayType="icon" [ariaHidden]="true" cssClass="btn-link" />
    <ish-lazy-product-add-to-compare displayType="icon" [ariaHidden]="true" cssClass="btn-link" />
    <ish-lazy-product-add-to-order-template displayType="icon" [ariaHidden]="true" cssClass="btn btn-link me-0" />
    <ish-lazy-product-add-to-wishlist displayType="icon" [ariaHidden]="true" cssClass="btn-link" />
    <ish-product-add-to-basket displayType="icon" [ariaHidden]="true" cssClass="btn-link" />
  </div>
</div>
} }