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
18
19
20
21
22
23
24
25
26
27
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@let productSKUs = productSKUs$ | async;
@if (productSKUs?.length) {
  <div class="product-list-container">
    <h2>{{ productLinkTitle }}</h2>
    <div class="product-list">
      <div #swiper class="swiper">
        <div class="swiper-button-prev"></div>
        <div class="swiper-wrapper">
          @for (sku$ of productSKUs; track sku$) {
            <div class="swiper-slide">
              <ish-deferred-item>
                <ng-template ishLazyLoadingContent>
                  @if (sku$ | async; as sku) {
                    <ish-product-item ishProductContext [sku]="sku" />
                  }
                </ng-template>
              </ish-deferred-item>
            </div>
          }
        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
  </div>
}