All files / src/app/pages/product/product-detail product-detail.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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<ish-product-detail-actions />
 
<div *ngIf="product$ | async as product" class="row product-details">
  <div class="col-12 col-md-6 col-lg-8"><ish-product-images /></div>
 
  <div class="col-12 col-md-6 col-lg-4">
    <ish-lazy-product-rating />
    <h1>
      <span itemprop="name"><ish-product-name [link]="false" /></span>
    </h1>
 
    <div class="product-info">
      <ish-product-brand />
 
      <ish-product-id />
 
      <ish-product-promotion />
 
      <div class="price-container" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <ish-product-price [showInformationalPrice]="true" [showPriceSavings]="true" />
        <ish-payment-paypal-messages
          *ngIf="'preferences.PayPalCheckoutPreferences.PayLaterMessagingProductDetailsEnabled' | ishServerSetting"
          [pageType]="'product-details'"
        />
      </div>
 
      <ish-product-inventory />
 
      <ish-product-shipment />
 
      <ish-product-detail-variations />
 
      <div class="row form-group">
        <div class="col-6">
          <ish-product-quantity-label for="product-detail-quantity" />
        </div>
        <div class="col-6">
          <ish-product-quantity elementId="product-detail-quantity" />
        </div>
      </div>
 
      <div class="d-grid">
        <ish-product-add-to-basket [cssClass]="'btn-lg w-100'" />
      </div>
      <div class="d-grid">
        <ish-lazy-product-add-to-order-template [cssClass]="'btn btn-secondary'" />
      </div>
      <div class="d-grid">
        <ish-lazy-product-add-to-quote [cssClass]="'btn btn-secondary'" />
      </div>
      <div class="d-grid">
        <ish-lazy-product-notification-edit cssClass="btn btn-secondary" displayType="button" />
      </div>
 
      <ish-product-warranty (submitWarranty)="setSelectedWarranty($event)" />
    </div>
 
    <!-- DISABLED VIEW CONTEXT --
    <div class="marketing-area">
      <ish-content-viewcontext
        viewContextId="viewcontext.include.product.productinfo"
        [callParameters]="{ Product: product.sku }"
      />
    </div>
    -- DISABLED VIEW CONTEXT -->
  </div>
</div>