AEM Seleccionadores de creación de contenido y comercio de cif-pickers

AEM AEM La creación de contenido y comercio proporciona un conjunto de herramientas de creación para ayudar a los autores y especialistas en marketing a trabajar de forma eficaz con los datos y catálogos de productos de comercio. CIF CIF El Selector de productos y el Selector de categorías forman parte de los complementos de productos y son utilizados por los componentes principales de la. Los proyectos pueden utilizar estos selectores en cualquier cuadro de diálogo de componente para seleccionar productos o categorías.

Selector de productos product-picker

Para utilizar el selector de productos en un componente de proyecto, un desarrollador debe agregar commerce/gui/components/common/cifproductfield al cuadro de diálogo de componente. Por ejemplo, use lo siguiente para cq:dialog:

<product jcr:primaryType="nt:unstructured"
    sling:resourceType="commerce/gui/components/common/cifproductfield"
    fieldDescription="The product or product variant displayed by the teaser"
    fieldLabel="Select Product"
    filter="folderOrProductOrVariant"
    name="./selection"
    selectionId="sku"/>

El campo de producto permite la navegación al producto que un usuario desea seleccionar mediante las diferentes vistas. De forma predeterminada, el campo product devuelve el ID del producto, pero se puede configurar con la variable selectionId atributo.

El campo selector de productos admite las siguientes propiedades opcionales:

  • selectionId (id, uid, sku, slug, mergedSlug, mergedSku): permite elegir el atributo de producto que devolverá el selector (predeterminado = id). El uso de SKU devuelve el SKU del producto seleccionado, mientras que el uso de Sku combinado y devuelve una cadena como base#variant con los SKU del producto base y la variante seleccionada, o un único SKU si se selecciona un producto base.
  • filter (folderOrProduct, folderOrProductOrVariant): filtra el contenido que el selector procesará al navegar por el árbol de productos. folderOrProduct: procesa carpetas y productos. folderOrProductOrVariant: procesa carpetas, productos y variantes de productos. Si se procesa un producto o una variante de producto, también se puede seleccionar en el selector. (predeterminado = folderOrProduct)
  • multiple (true, false): habilita la selección de uno o varios productos (default = false)
  • emptyText: para configurar el valor de texto vacío del campo selector

Además, las propiedades de campo de diálogo estándar como name, fieldLabel, o fieldDescription, también son compatibles.

CAUTION
El cifproductfield el componente requiere el cif.shell.picker clientlib. Para agregar clientlib a un cuadro de diálogo, puede utilizar la propiedad extraClientlibs.
CAUTION
CIF A partir de la versión 2.0.0 de los componentes principales de, la compatibilidad con id se ha eliminado y reemplazado por uid. Adobe recomienda utilizar sku o slug como identificador de producto. El Adobe sigue siendo compatible id CIF solo para proyectos que utilizan la versión 1.x de los componentes principales de la.

Un ejemplo práctico completo de la cifproductfield se puede encontrar en la CIF Componentes principales proyecto. Consulte también Personalización de cuadros de diálogo AEM de la documentación de componentes principales de la.

Selector de categoría category-picker

El selector de categorías se puede utilizar en un cuadro de diálogo de componentes de forma similar al selector de productos.

El siguiente fragmento se puede utilizar en una configuración cq

<category jcr:primaryType="nt:unstructured"
    sling:resourceType="commerce/gui/components/common/cifcategoryfield"
    fieldLabel="Category"
    name="./categoryId"
    selectionId="uid" />

El campo selector de categorías admite las siguientes propiedades opcionales:

  • selectionId(id, uid, slug, urlPath, idAndUrlPath) (obsoleto), uidAndUrlPath (obsoleto)): permite elegir el atributo de categoría que el selector devolverá (predeterminado = id).
  • multiple (true, false): habilita la selección de una o varias categorías (default = false)

Además, las propiedades de campo de diálogo estándar como name, fieldLabel, o fieldDescription también son compatibles.

CAUTION
Igual que el cifproductfield Componente el cifcategoryfield Este componente también requiere el cif.shell.picker clientlib. Para agregar una clientlib a un cuadro de diálogo, puede utilizar la variable extraClientlibs propiedad. Consulte Personalización de cuadros de diálogo AEM de la documentación de componentes principales de la.
CAUTION
CIF A partir de la versión 2.0.0 de los componentes principales de, la compatibilidad con id se ha eliminado y reemplazado por uid. Adobe recomienda utilizar uid o urlPath como identificador de categoría. El Adobe sigue siendo compatible id & idAndUrlPath CIF solo para proyectos que utilizan la versión 1.x de los componentes principales de la.

Un ejemplo práctico completo de la cifcategoryfield se puede encontrar en la CIF Componentes principales proyecto.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2