commercetools-8.x-1.2-alpha1/modules/commercetools_decoupled/components/products-list/products-list.component.yml

$schema: https://git.drupalcode.org/project/drupal/-/raw/10.1.x/core/modules/sdc/src/metadata.schema.json
name: commercetools products list
status: experimental
group: commercetools
props:
  type: object
  properties:
    style:
      type: string
      title: Style
      description: Style of product list.
    product_list_index:
      type: integer
      title: Product List Index
      description: The Product List Index to interact by.
    total_limit:
      type: [integer, 'null']
      description: Total number of products to fetch.
    items_per_page:
      type: integer
      nullable: true
      description: Number of items per page.
    categories:
      type: [array, 'null']
      description: List of category IDs.
    display_by_sku:
      type: [array, 'null']
      description: List of SKUs.
    custom_filters:
      type: [array, 'null']
      description: Custom filters.
    sort_by:
      type: [string, 'null']
      description: Field to sort by.
    sort_order:
      type: [string, 'null']
      description: Sort direction.
    columns_number:
      type: integer
      description: Number of columns.

libraryOverrides:
  dependencies:
    - commercetools_decoupled/commercetools
    - commercetools_decoupled/placeholderify
    - commercetools/commercetools.bootstrap_checker
  js:
    js/ProductsList.js: { attributes: { type: 'module', defer: true } }
    # We have to include here all dependencies of the components used in the
    # template to extract translation strings from them by Drupal.
    # @see https://medium.com/swissquote-engineering/drupal-8-react-i18n-and-typescript-c43aab12532d
    ../../js/templates/ProductCatalog.js: { attributes: { type: module } }
    ../../js/organisms/ProductCards.js: { attributes: { type: module } }
    ../../js/organisms/ProductTitles.js: { attributes: { type: module } }
    ../../js/organisms/ProductList.js: { attributes: { type: module } }
    ../../js/molecules/Pager.js: { attributes: { type: module } }
    ../../js/molecules/ProductCard.js: { attributes: { type: module } }
    ../../js/molecules/ProductTitle.js: { attributes: { type: module } }
    ../../js/molecules/ProductListItem.js: { attributes: { type: module } }
    ../../js/atoms/NoProductsFound.js: { attributes: { type: module } }
    ../../js/molecules/PageNotFound.js: { attributes: { type: module } }