SAP Spartacus里的product carousel控件的实现cx-product-carousel

时间:2022-07-26
本文章向大家介绍SAP Spartacus里的product carousel控件的实现cx-product-carousel,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

实现文件的位置:

这个Component的几个依赖:

(1) CmsProductCarouselComponent

最重要的就是这个productCodes字段,由一系列以空格符分隔的product code组成。

这些model的值:

(2) Product模型:

export interface Product {
  availableForPickup?: boolean;
  averageRating?: number;
  baseOptions?: BaseOption[];
  baseProduct?: string;
  categories?: Category[];
  classifications?: Classification[];
  code?: string;
  description?: string;
  futureStocks?: FutureStock[];
  images?: Images;
  manufacturer?: string;
  multidimensional?: boolean;
  name?: string;
  nameHtml?: string;
  numberOfReviews?: number;
  potentialPromotions?: Promotion[];
  price?: Price;
  priceRange?: PriceRange;
  productReferences?: ProductReferences;
  purchasable?: boolean;
  reviews?: Review[];
  stock?: Stock;
  summary?: string;
  url?: string;
  variantMatrix?: VariantMatrixElement[];
  variantOptions?: VariantOption[];
  variantType?: VariantType;
  volumePrices?: Price[];
  volumePricesFlag?: boolean;
}

(3) ProductScope

(4) ProductService

这里能查到cx-product-carousel的HTML实现文件位置:

cx-product-carousel里包含的cx-carousel:

运行时的层次结构: