All files / src/app/pages/search/search-result search-result.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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div class="row product-search-result" data-testing-id="search-result-page" id="search-page-top">
  <div class="marketing-area col-12">
    <ish-content-include includeId="include.searchresult.base.top.pagelet2-Include" />
  </div>
 
  <div class="col-md-3">
    <div class="navigation-panel" [ngbCollapse]="isCollapsed">
      <ish-skip-content-link skipToElementId="nav-breadcrumbs" linkText="common.skip_content.link.text.filter" />
      <ish-filter-navigation />
 
      <div class="marketing-area">
        <ish-content-include includeId="include.searchresult.navigation.pagelet2-Include" />
      </div>
    </div>
    <button
      type="button"
      class="d-md-none mobile-filter-toggle btn btn-link btn-link-action link-decoration-hover"
      (click)="toggle()"
    >
      {{ 'search.mobile.filter.trigger' | translate }}
      <fa-icon [icon]="['fas', isCollapsed ? 'angle-down' : 'angle-up']" />
    </button>
  </div>
 
  <div class="col-md-9">
    <ish-breadcrumb />
    <h1>
      {{
        (totalItems ? 'search.title.text' : 'search.title.short.text')
          | translate : { '1': searchTerm, '2': totalItems }
      }}
    </h1>
    <div class="marketing-area">
      <ish-content-include includeId="include.searchresult.content.top.pagelet2-Include" />
    </div>
    <ish-product-listing
      [productListingId]="{ type: 'search', value: searchTerm }"
      fragmentOnRouting="search-page-top"
    />
    <div class="marketing-area">
      <ish-content-include includeId="include.searchresult.content.bottom.pagelet2-Include" />
    </div>
  </div>
 
  <div class="marketing-area col-12">
    <ish-content-include includeId="include.searchresult.base.bottom.pagelet2-Include" />
  </div>
</div>