@vendasta/store/product-details/product-details.component.html

Components and data for Store

<div class="page">
    <va-header-container [iconUrl]="product.iconUrl"
                         [title]="product.name"
                         [tagline]="product.tagline"
                         [chipLabels]="product.getLmiCategoryNames()"
                         [pricing]="price"
                         [pricingLabel]="'Wholesale Price'"
                         [pricingActionLabel]="pricingActionLabel"
                         [pricingActionEnabled]="showPricingAction"
                         [actionLabel]="getActionLabel()"
                         [actionEnabled]="product.isArchived"
                         [showAction]="showActionButton"
                         [showPricing]="showPricing"
                         (pricingActionSelected)="emitPricingActionSelected()"
                         (actionSelected)="emitEnableButtonClicked()">
    </va-header-container>
    <div class="product-details product-content">
      <div class="left-column">
        <ng-container *ngIf="product.description || product.keySellingPoints">
          <va-selling-info [description]="product.description"
                          [keySellingPoints]="product.keySellingPoints"></va-selling-info>
        </ng-container>
        <section *ngIf="product.addons?.length > 0">
          <h2 class="va-component-title">Add-Ons</h2>
          <va-addon-list (addonSelected)="onAddonSelected($event)" [addons]="addons" [product]="product" [showPricing]="showPricing"></va-addon-list>
        </section>

        <section *ngIf="product.faqs?.length > 0">
          <h2 class="va-component-title">FAQs</h2>
          <va-faqs [faqs]="product.faqs"></va-faqs>
        </section>
      </div>

      <div class="right-column">
        <section *ngIf="product.screenshotUrls?.length > 0">
          <h2 class="va-component-title">Gallery</h2>
          <va-image-gallery [imageUrls]="product.screenshotUrls"></va-image-gallery>
        </section>

        <section *ngIf="product.files?.length > 0">
          <h2 class="va-component-title">Files</h2>
          <va-files [files]="product.files"></va-files>
        </section>
      </div>
    </div>
</div>