Guida introduttiva all’authoring CIF dell’AEM

Scopri di più sull’authoring CIF dell’AEM.

Percorso affrontato finora

Nel documento precedente di questo percorso sui contenuti e il commercio dell’AEM, Scopri i contenuti e il commercio dell’AEM, hai imparato la teoria di base di cosa sia un CMS headless e ora dovresti comprendere i concetti di base di AEM Content and Commerce.

Questo articolo si basa su questi principi fondamentali.

Obiettivo

Questo documento spiega come utilizzare CIF per l’authoring specifico di contenuti e Commerce. Dopo la lettura, dovresti:

  • Comprendere i concetti dell’authoring CIF con Universal Editor
  • Come accedere ai dati del catalogo dei prodotti in AEM utilizzando i selettori di prodotti e categorie
  • Come accedere a contenuti e dati di e-commerce utilizzando il pannello di comando del prodotto e AEM Omnisearch

Authoring CIF nell’editor universale

CIF estende l’Editor universale con funzionalità che consentono di accedere ai dati dei prodotti in tempo reale senza uscire dal contesto:

Apri il pannello laterale e seleziona "Prodotti" dal menu a discesa.
Seleziona tipo di prodotto

Puoi sfogliare il catalogo dei prodotti o utilizzare il campo di ricerca full-text per trovare i prodotti.
tipo di prodotto

I prodotti possono essere rilasciati su componenti che supportano i rilasci di prodotto (ad esempio, teaser di prodotto, carosello di prodotto) direttamente sulla pagina, creando così automaticamente un componente teaser di prodotto.

Selettori di prodotti e categorie

Se i dati di prodotti e categorie sono necessari nei componenti commerce o nelle finestre di dialogo di back-office dell’AEM, gli autori AEM possono utilizzare selettori che sono elementi dell’interfaccia utente per cercare e selezionare comodamente i dati del catalogo dei prodotti.

Selettore prodotti

Facendo clic sull’icona della cartella si aprirà l’interfaccia utente modale del selettore (ad esempio, teaser prodotto)
selettore prodotti

Puoi trovare i prodotti sfogliando la struttura del catalogo a sinistra o effettuando una ricerca. La ricerca full-text rispetta la categoria selezionata e limita i risultati della ricerca a questa categoria.
cartella selettore prodotti

I prodotti con varianti sono contrassegnati con un’icona a forma di cartella su cui è possibile fare clic per visualizzare tutte le varianti.
varianti del selettore prodotti
varianti del selettore prodotti aperte

Selettore categorie

Funziona come un selettore di prodotti. Facendo clic sull’icona della cartella si aprirà l’interfaccia utente modale del selettore (ad esempio, carosello categorie)
selettore categorie

Sfoglia la struttura del catalogo a sinistra e seleziona la categoria.
selettore categorie

Cockpit prodotto

Il pannello di comando del prodotto è una posizione centrale per accedere rapidamente al catalogo dei prodotti con tutti i relativi contenuti arricchiti. In uno dei moduli successivi scoprirai come arricchire i dati di prodotto con i contenuti. Per il momento, concentriamoci sull’accesso ai dati dei prodotti.

Dal menu principale, fai clic su commerce per visualizzare un elenco di tutti i cataloghi di prodotti allegati.
voce di menu commerce

Viene visualizzato un elenco di tutti i cataloghi di prodotti di connessione.
cataloghi integrati del pannello di comando

Il catalogo prodotti mostra per impostazione predefinita tutte le categorie di primo livello con tutti i prodotti. Facendo clic su una categoria si aprirà tale categoria con tutti i prodotti e le sottocategorie correlati, inclusi i relativi prodotti.
catalogo prodotti cabina di comando

Per aprire le proprietà del prodotto, fai clic sull’icona della proprietà. L’icona viene visualizzata passando il puntatore del mouse su una sezione del prodotto.
proprietà del prodotto del pannello di comando

Tutte le proprietà del prodotto sono di sola lettura perché i dati vengono caricati in tempo reale dal backend connesso. La modifica delle proprietà del prodotto deve essere eseguita nel sistema back-end, ovvero nel sistema di registrazione. Scheda Varianti viene visualizzato solo se il prodotto presenta varianti. Facendo clic sulla scheda vengono visualizzate tutte le varianti con i relativi attributi.
varianti prodotto cabina di pilotaggio

Le restanti schede mostrano tutto il contenuto AEM associato al prodotto. Queste schede verranno discusse in uno dei prossimi moduli.

AEM Omnisearch

Omnisearch consente di trovare facilmente i contenuti AEM mediante la ricerca full-text. CIF estende Omnisearch con la ricerca full-text di cataloghi di prodotti e del relativo contenuto AEM associato.
voce di menu commerce

Omnisearch eseguirà una ricerca full-text nel backend di Commerce per trovare tutti i prodotti correlati. Il risultato è elencato in Visualizza tutti i prodotti. Omnisearch cercherà inoltre nell’AEM i contenuti associati al prodotto ricercato. I risultati saranno elencati nelle rispettive categorie AEM. In questo esempio, un frammento di contenuto è correlato al prodotto.

Passaggio successivo

Ora che hai completato questa parte del percorso dovresti:

  • Comprendere i concetti dell’authoring CIF con Universal Editor
  • Come accedere al catalogo dei prodotti in AEM utilizzando i selettori di prodotti e categorie
  • Come accedere a contenuti e dati di e-commerce utilizzando il pannello di comando del prodotto e AEM Omnisearch

Approfondisci l'argomento e continua il tuo percorso esaminando il documento Gestione di pagine e modelli del catalogo dei prodotti, dove imparerai a creare e personalizzare la tua prima esperienza nel catalogo dei prodotti.

Risorse aggiuntive

Sebbene sia consigliabile passare alla parte successiva del percorso esaminando il documento Gestione di pagine e modelli del catalogo dei prodotti, di seguito sono riportate alcune risorse aggiuntive facoltative che approfondiscono alcuni concetti menzionati in questo documento, ma che non è necessario che continuino sul percorso.

In questa pagina