All files / src/app/shared/components/product/products-list products-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
31
32
33
34
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (productSKUs$ | async; as products) { @if (products.length) { @if (listStyle === 'carousel') {
<div class="product-list">
  <swiper [config]="swiperConfig">
    @for (sku of products; track sku) {
    <ng-template swiperSlide let-data>
      <div [ngClass]="listItemCSSClass">
        @if (lazyFetch(data.isVisible, sku)) {
        <ish-product-item
          ishProductContext
          [sku]="sku"
          [configuration]="listItemConfiguration"
          [displayType]="listItemStyle"
        />
        }
      </div>
    </ng-template>
    }
  </swiper>
</div>
} @else {
<div class="product-list row">
  @for (sku of products; track sku) {
  <div class="product-list-item" [ngClass]="listItemCSSClass">
    <ish-product-item
      ishProductContext
      [sku]="sku"
      [configuration]="listItemConfiguration"
      [displayType]="listItemStyle"
    />
  </div>
  }
</div>
} } }