All files / src/app/pages/product/product-links-carousel product-links-carousel.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (productSKUs$ | async; as productSKUs) { @if (productSKUs.length) {
<div class="product-list-container">
  <h2>{{ productLinkTitle }}</h2>
  <div class="product-list">
    <swiper [config]="swiperConfig">
      @for (sku$ of productSKUs; track sku$) {
      <ng-template swiperSlide let-data>
        @if (lazyFetch(data.isVisible, sku$) | async; as sku) {
        <ish-product-item ishProductContext [sku]="sku" />
        }
      </ng-template>
      }
    </swiper>
  </div>
</div>
} }