Category & Product use cases

Chooser dialog examples

The type of dialog chooser component depends on what you want to retrieve from the external e-commerce solution. If you want to get a list of products based on category ID, then use ecommerceProductListLinkField.

  • product-list-v3.yaml

    form:
      properties:
        productList:
          $type: ecommerceProductListLinkField

    See what it looks like…​

    E-commerce product list

On the other hand, if you want to get a product based on product ID, then use ecommerceProductLinkField instead. Two examples are illustrated below.

  • product-detail-v3.yaml

    form:
      properties:
        productDetail:
          $type: ecommerceProductLinkField

    See what it looks like…​

    E-commerce product detail

  • product-teaser-v3.yaml

    form:
      properties:
        productTeaser:
          $type: ecommerceProductLinkField

    See what it looks like…​

    E-commerce product teaser

Furthermore, below is an example of the category list component with enableCategorySelection set to false. This configuration means you can only select a connector when adding a category list component to a page (see Configuring chooser dialogs for more information about such properties).

/ecommerce-templating/dialogs/components/category-list-v3.yaml
form:
  properties:
    categoryList:
      $type: ecommerceLinkField
      enableCategorySelection: false

See what it looks like…​

E-commerce category list edited

Feedback

DX Core

×

Location

This widget lets you know where you are on the docs site.

You are currently perusing through the Ecommerce module docs.

Main doc sections

DX Core Headless PaaS Legacy Cloud Incubator modules