All files / src/app/extensions/recently/shared/recently-viewed recently-viewed.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<ng-container *ishBrowserLazyView>
  @if (recentlyProducts$ | async; as products) {
    @if (products.length) {
      <div class="product-list-container" data-testing-id="recently-viewed">
        <h2>{{ 'recentlyViewed.component.heading' | translate }}</h2>
        <ish-skip-content-link skipToElementId="pdp-view-all-link" />
        <ish-products-list listItemStyle="tile" listStyle="carousel" [productSKUs]="products" />
        <a
          class="view-all"
          data-testing-id="view-all"
          id="pdp-view-all-link"
          [attr.aria-label]="'common.view_all.link.label' | translate"
          [routerLink]="['/recently']"
          >{{ 'common.view_all.link' | translate }}</a
        >
      </div>
    }
  }
</ng-container>