@vendasta/store
Version:
Components and data for Store
47 lines (43 loc) • 2.15 kB
HTML
<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>