AX - Immagine

Panoramica

AX - Immagine è un componente di Experience Cloud che visualizza immagini sulle pagine di Experience Sites con controllo su dimensioni, ritaglio, allineamento e comportamento di caricamento.

Usalo per mostrare foto di prodotti, loghi, banner, immagini del profilo o qualsiasi contenuto visivo da Documenti Salesforce, risorse statiche o URL esterni. Configura come le immagini vengono visualizzate, ritagliate e scalate in Experience Builder senza codice.

Perfetto per gallerie di prodotti, intestazioni brandizzate, sezioni di contenuti visivi, visualizzazioni del profilo o ovunque il tuo portale necessiti di una presentazione di immagini flessibile con dimensionamento reattivo.

Tutorial

Nome	Descrizione
Configura la mappa per mostrare le informazioni dei dettagli del record	Impara a visualizzare i record su Experience Cloud usando Avonni Map.

Impostazioni

🎛️ Proprietà

Nome	Descrizione	Utilizzo
Immagine CMS o URL immagine	Specifica la fonte dell'immagine, dal CMS o direttamente usando un URL dell'immagine.	Seleziona la fonte che meglio si adatta alle tue preferenze di gestione delle immagini e garantisce accesso e aggiornamenti semplici.
Larghezza e Altezza	Determina la larghezza e l'altezza dell'immagine visualizzata.	Imposta le dimensioni che assicurano che l'immagine si adatti armoniosamente al layout della pagina mantenendo la sua nitidezza.
Posizione	Regola l'allineamento dell'immagine.	Allinea l'immagine all'interno del suo contenitore per mantenere un layout della pagina bilanciato ed esteticamente gradevole.
Immagine statica	Opzione per impostare l'immagine come statica.	Usa questa impostazione quando l'immagine non richiede adattamenti reattivi e rimane costante su diverse dimensioni dello schermo.
Fluidità e Crescita fluida	Queste opzioni permettono all'immagine di adattare le proprie dimensioni in modo reattivo.	Abilita queste impostazioni affinché le immagini si adattino senza problemi a diverse dimensioni dello schermo, migliorando la reattività della pagina web.
Miniatura	Visualizza l'immagine come miniatura.	Utilizza questa opzione per presentare l'immagine in forma compatta, adatta a gallerie o anteprime.
Caricamento lazy	Scegli tra caricamento automatico o lazy dell'immagine.	Ottimizza i tempi di caricamento della pagina selezionando un metodo di caricamento che bilanci visibilità immediata e prestazioni complessive della pagina.
Dimensione ritaglio, Adattamento ritaglio, Posizione ritaglio X e Y	Personalizza il ritaglio dell'immagine per concentrarti sulle parti rilevanti.	Definisci i parametri di ritaglio per assicurare che l'immagine mostri in modo prominente le aree essenziali, migliorando la comunicazione visiva.
Tipo di lente d'ingrandimento	Seleziona lo stile di ingrandimento da applicare quando si visualizzano i dettagli dell'immagine.	Migliora l'interazione dell'utente scegliendo un tipo di lente che permetta un'esplorazione dettagliata dell'immagine.
Immagine di confronto CMS o URL di confronto	Personalizza gli attributi della funzione di confronto.	Affina la funzionalità di confronto con attributi che determinano orientamento, interazione e etichettatura, assicurando un'esperienza di confronto intuitiva.
Attributi di confronto	Definisci i dettagli della funzione di ingrandimento.	Personalizza il comportamento e l'aspetto della lente per garantire che gli utenti possano esplorare facilmente i dettagli dell'immagine.
Attributi della lente	Regola la rotondità degli angoli dell'immagine.	Ammorbidisci o rendi più netti gli angoli dell'immagine impostando un raggio del bordo appropriato, contribuendo alla presentazione stilistica dell'immagine.

🎨 Stile