All files / src/app/shared/components/product/product-list product-list.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
28
29
30
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div class="product-list row">
  @if (!products.length) {
  <div class="gx-0">
    @if ((listingLoading$ | async) !== true) {
    {{ 'search.noresult.filtered_products.message' | translate }}
    }
  </div>
  } @if (listingLoading$ | async) {
  <div class="product-list-loading">
    <ish-loading [standalone]="true" />
  </div>
  } @for (sku of products; track sku; let i = $index) {
  <ng-container ishProductContext [sku]="sku" [categoryId]="categoryId" [configuration]="{ shipment: false }">
    @if (isGrid) {
    <div class="col-6 col-lg-4 product-list-item grid-view">
      <ish-product-item displayType="tile" [loading]="i < 4 ? 'eager' : 'lazy'" />
    </div>
    } @if (isList) {
    <div class="col-lg-12 product-list-item list-view">
      <ish-product-item displayType="row" [loading]="i < 2 ? 'eager' : 'lazy'" />
    </div>
    }
  </ng-container>
  } @if (listingLoading$ | async) {
  <div class="col-12">
    <ish-loading [standalone]="true" />
  </div>
  }
</div>