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 E-commerce module docs.

Main doc sections

DX Core Headless PaaS Legacy Cloud Incubator modules