Picker per l’authoring di contenuti AEM e Commerce

L’authoring di contenuti e commercio AEM fornisce una serie di strumenti di authoring per aiutare gli autori e gli esperti di marketing AEM a lavorare in modo efficiente con i dati di prodotto e i cataloghi commerciali. Il selettore prodotti e il selettore categorie fanno parte del componente aggiuntivo CIF e sono utilizzati dai componenti core CIF. I progetti possono utilizzare questi selettori in qualsiasi finestra di dialogo dei componenti per selezionare prodotti o categorie.

Selettore prodotti

Per utilizzare il selettore prodotti in un componente del progetto, uno sviluppatore deve aggiungere commerce/gui/components/common/cifproductfield nella finestra di dialogo di un componente. Ad esempio, utilizza quanto segue per 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"/>

Il campo prodotto consente di navigare fino al prodotto che un utente desidera selezionare tramite le diverse viste. Per impostazione predefinita, il campo prodotto restituisce l’ID del prodotto, ma può essere configurato utilizzando selectionId attributo.

Il campo del selettore prodotti supporta le seguenti proprietà facoltative:

• selectionId (id, uid, sku, slug, combinedSlug, combinedSku) - consente di scegliere l’attributo del prodotto che deve essere restituito dal selettore (impostazione predefinita = id). Se si utilizza lo sku, viene restituito lo sku del prodotto selezionato mentre si utilizza lo sku combinato e viene restituita una stringa come base#variante con lo sku del prodotto di base e della variante selezionata oppure un singolo sku se è selezionato un prodotto di base.
• filter (folderOrProduct, folderOrProductOrVariant) - filtra il contenuto di cui eseguire il rendering dal selettore durante l’esplorazione della struttura del prodotto. folderOrProduct - esegue il rendering di cartelle e prodotti. folderOrProductOrVariant - esegue il rendering di cartelle, prodotti e varianti di prodotti. Se viene eseguito il rendering di un prodotto o di una variante di prodotto, questo diventa selezionabile anche nel selettore. (impostazione predefinita = folderOrProduct)
• multiple (true, false): consente di selezionare uno o più prodotti (default = false)
• emptyText: per configurare il valore di testo vuoto del campo selettore

Inoltre, le proprietà dei campi diaglog standard come name, fieldLabel, o fieldDescription sono supportati anche.

Un esempio di funzionamento completo del cifproductfield si trova nella sezione Componenti core CIF progetto. Vedi anche Personalizzazione delle finestre di dialogo della documentazione dei Componenti core AEM.

Selettore categorie

Il selettore categorie può essere utilizzato anche nella finestra di dialogo di un componente, in modo simile al selettore prodotti.

Il seguente snippet può essere utilizzato in una configurazione cq:dialog:

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

Il campo del selettore delle categorie supporta le seguenti proprietà facoltative:

• selectionId(id, uid, slug, urlPath, idAndUrlPath (obsoleto), uidAndUrlPath (obsoleto)) - consente di scegliere l’attributo della categoria che deve essere restituito dal selettore (impostazione predefinita = id).
• multiple (true, false): abilita la selezione di una o più categorie (default = false)

Inoltre, le proprietà dei campi diaglog standard come name, fieldLabel, o fieldDescription sono supportati anche.

Un esempio di funzionamento completo del cifcategoryfield si trova nella sezione Componenti core CIF progetto.

Risorse Business.Adobe.com