A criação de conteúdo e comércio do AEM fornece um conjunto de ferramentas de criação para ajudar os autores e profissionais de marketing do AEM a trabalhar com eficiência com dados e catálogos de produtos comerciais. O seletor de produtos e o seletor de categorias fazem parte do complemento CIF e são usados pelos Componentes principais da CIF. Os projetos podem usar esses seletores em qualquer caixa de diálogo de componente para selecionar produtos ou categorias.
Para usar o seletor de produtos em um componente de projeto, um desenvolvedor deve adicionar commerce/gui/components/common/cifproductfield
para uma caixa de diálogo de componente. Por exemplo, use o seguinte para o 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"/>
O campo produto permite a navegação até o produto que um usuário deseja selecionar por meio das diferentes visualizações. Por padrão, o campo product retorna a ID do produto, mas pode ser configurado usando o selectionId
atributo.
O campo seletor de produto oferece suporte às seguintes propriedades opcionais:
Além disso, as propriedades padrão do campo de diálogo, como name
, fieldLabel
ou fieldDescription
, também são compatíveis.
A variável cifproductfield
exige que o cif.shell.picker
clientlib. Para adicionar uma clientlib a uma caixa de diálogo, é possível usar a propriedade extraClientlibs.
A partir da versão 2.0.0 dos Componentes principais da CIF, o suporte para id
foi removido e substituído por uid
. O Adobe recomenda usar sku
ou slug
como identificador do produto. O Adobe continua a oferecer suporte id
somente para projetos que usam os Componentes principais da CIF versão 1.x.
Um exemplo completo de funcionamento do cifproductfield
pode ser encontrado no Componentes principais da CIF projeto. Consulte também Personalização de caixas de diálogo da documentação dos Componentes principais do AEM.
O seletor de categorias pode ser usado em uma caixa de diálogo de componente, bem como de maneira semelhante ao seletor de produtos.
O trecho a seguir pode ser usado em uma configuração cq:dialog:
<category jcr:primaryType="nt:unstructured"
sling:resourceType="commerce/gui/components/common/cifcategoryfield"
fieldLabel="Category"
name="./categoryId"
selectionId="uid" />
O campo do seletor de categoria é compatível com as seguintes propriedades opcionais:
Além disso, as propriedades padrão do campo de diálogo, como name
, fieldLabel
ou fieldDescription
também são compatíveis.
Igual ao cifproductfield
componente o cifcategoryfield
O componente também exige que o cif.shell.picker
clientlib. Para adicionar uma clientlib a uma caixa de diálogo, você pode usar o extraClientlibs
propriedade. Consulte Personalização de caixas de diálogo da documentação dos Componentes principais do AEM.
A partir da versão 2.0.0 dos Componentes principais da CIF, o suporte para id
foi removido e substituído por uid
. O Adobe recomenda usar uid
ou urlPath
como identificador de categoria. O Adobe continua a oferecer suporte id
& idAndUrlPath
somente para projetos que usam os Componentes principais da CIF versão 1.x.
Um exemplo completo de funcionamento do cifcategoryfield
pode ser encontrado no Componentes principais da CIF projeto.