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

Components and data for Store

<div class="addon-page">
  <va-header-container [iconUrl]="addon.icon"
                       [title]="addon.title"
                       [tagline]="addon.tagline"
                       [chipLabels]="product.getLmiCategoryNames()"
                       [showPricing]="true"
                       [pricing]="getPricing(product, addon)"
                       [pricingLabel]="pricingLabel"
                       [prerequisiteLabel]="product.name"
                       (prerequisiteSelected)="onPrerequisiteSelected()">
  </va-header-container>

  <div class="addon-details addon-content">
    <ng-container *ngIf="reseller">
      <div class="left-column">
        <div *ngIf="addon.resellerMarketing?.description || addon.resellerMarketing?.keySellingPoints">
          <va-selling-info [description]="addon.resellerMarketing?.description"
                           [keySellingPoints]="addon.resellerMarketing?.keySellingPoints"></va-selling-info>
        </div>
        <section *ngIf="addon.resellerMarketing?.faqs?.length > 0 && addon.resellerMarketing?.faqs[0].question">
          <h2 class="va-addon-title">FAQs</h2>
          <va-faqs [faqs]="addon.resellerMarketing?.faqs"></va-faqs>
        </section>
      </div>
      <div class="right-column">
        <section *ngIf="addon.screenshots?.length > 0">
          <h2 class="va-addon-title">Gallery</h2>
          <va-image-gallery [imageUrls]="addon.screenshots"></va-image-gallery>
        </section>
        <section *ngIf="addon.resellerMarketing?.files?.length > 0">
        <h2 class="va-addon-title">Files</h2>
        <va-files [files]="addon.resellerMarketingFiles"></va-files>
        </section>
      </div>
    </ng-container>

    <ng-container *ngIf="!reseller">
      <div class="left-column">
        <div *ngIf="addon.endUserMarketing?.description || addon.endUserMarketing?.keySellingPoints">
          <va-selling-info [description]="addon.endUserMarketing?.description"
                           [keySellingPoints]="addon.endUserMarketing?.keySellingPoints"></va-selling-info>
        </div>
        <section *ngIf="addon.endUserMarketing?.faqs?.length > 0 && addon.endUserMarketing?.faqs[0].question">
          <h2 class="va-addon-title">FAQs</h2>
          <va-faqs [faqs]="addon.endUserMarketing?.faqs"></va-faqs>
        </section>
      </div>

      <div class="right-column">
        <section *ngIf="addon.screenshots?.length > 0">
          <h2 class="va-addon-title">Gallery</h2>
          <va-image-gallery [imageUrls]="addon.screenshots"></va-image-gallery>
        </section>
        <section *ngIf="addon.endUserMarketing?.files?.length > 0">
        <h2 class="va-addon-title">Files</h2>
        <va-files [files]="addon.endUserMarketingFiles"></va-files>
        </section>
      </div>
    </ng-container>
  </div>

</div>