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. El Selector de productos y el Selector de categorías forman parte del complemento CIF y los utilizan los componentes principales del CIF. Los proyectos pueden utilizar estos selectores en cualquier cuadro de diálogo de componente para seleccionar productos o categorías.
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 a los usuarios navegar hasta el producto que desean seleccionar a través de 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:
Además, las propiedades de campo de diagnóstico estándar como name
, fieldLabel
, o fieldDescription
también son compatibles.
El cifproductfield
el componente requiere el cif.shell.picker
clientlib. Para agregar clientlib a un cuadro de diálogo, puede utilizar la propiedad extraClientlibs.
A partir de la versión 2.0.0 de los componentes principales del CIF, la compatibilidad con id
se ha eliminado y reemplazado por uid
. Recomendamos encarecidamente utilizar sku
o slug
como identificador de producto. Seguimos brindando nuestro apoyo id
solo para proyectos que utilizan la versión 1.x de los componentes principales del CIF.
Un ejemplo práctico completo de la cifproductfield
se puede encontrar en la Componentes principales del CIF proyecto. Consulte también Personalización de cuadros de diálogo AEM de la documentación de componentes principales de la.
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:dialog:
<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:
Además, las propiedades de campo de diagnóstico estándar como name
, fieldLabel
, o fieldDescription
también son compatibles.
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.
A partir de la versión 2.0.0 de los componentes principales del CIF, la compatibilidad con id
se ha eliminado y reemplazado por uid
. Recomendamos encarecidamente utilizar uid
o urlPath
como identificador de categoría. Seguimos brindando nuestro apoyo id
& idAndUrlPath
solo para proyectos que utilizan la versión 1.x de los componentes principales del CIF.
Un ejemplo práctico completo de la cifcategoryfield
se puede encontrar en la Componentes principales del CIF proyecto.