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
26
27
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 cssClass="btn-link" displayType="icon" [ariaHidden]="true" />
        <ish-lazy-product-add-to-compare cssClass="btn-link" displayType="icon" [ariaHidden]="true" />
        <ish-lazy-product-add-to-order-template cssClass="btn btn-link me-0" displayType="icon" [ariaHidden]="true" />
        <ish-lazy-product-add-to-wishlist cssClass="btn-link" displayType="icon" [ariaHidden]="true" />
        <ish-product-add-to-basket cssClass="btn-link" displayType="icon" [ariaHidden]="true" />
      </div>
    </div>
  }
}