Visualizza immagini di grande formato in una vetrina dinamica

Con l'elemento di contenuto Vetrina dinamica elemento contenuto, puoi visualizzare diverse immagini di grande formato una dopo l'altra. Questo può essere utile, ad esempio, per mettere in evidenza alcune parti del tuo negozio, come una specifica categoria di prodotti, dato che puoi anche aggiungere testo e link alle immagini nella vetrina dinamica.

Example_ImageSlider_EN.gif

Assicurati sempre che le tue immagini siano visualizzate in modo corretto su tutti i dispositivi. Il tuo negozio è responsive, il che significa che il tuo design sarà automaticamente ottimizzato per il dispositivo utilizzato. Per ulteriori informazioni, consulta Cosa significa "reattivo"?

Come aggiungere una vetrina dinamica

Ecco come aggiungere una vetrina dinamica a una pagina e caricare le immagini che desideri utilizzare:

  1. Nella barra laterale dell'amministrazione, accedi a Editor.
  2. Puoi vedere l'elenco delle tue pagine nella barra laterale del tuo Editor alla voce Pagine.
    Seleziona la pagina a cui vuoi aggiungere la vetrina dinamica o aggiungi una nuova pagina di contenuti. Sul lato destro verrà visualizzata un'anteprima della pagina.
  3. Nella barra laterale dell'editor, seleziona Elementi del contenuto.
  4. Seleziona la categoria Immagini o Galleria.
  5. Trascina l'elemento di contenuto Vetrina dinamica nell'area di anteprima. Puoi inserire elementi di contenuto solo nelle aree blu della pagina.
  6. Seleziona Aggiungi immagini.
    Viene visualizzata la vista Aggiungi immagini. Qui puoi assegnare fino a 5 immagini alla vetrina dinamica.
  7. Trascina l'immagine nel campo Aggiungi immagine o seleziona Aggiungi immagine per scegliere l'immagine dal tuo dispositivo.
  8. Attendi che l'immagine venga caricata.
  9. Imposta l'allineamento dell'immagine. Puoi utilizzare il file ImageAlignment_Top.png in alto, il file ImageAlignment_Bottom.png in basso o il ImageAlignment_Middle.png centrale come centro dell'immagine. Per ulteriori informazioni, consulta anche la sezione Ulteriori informazioni sull'allineamento delle immagini.
  10. Se lo desideri, puoi anche inserire un Testo alternativo. Questo verrà utilizzato per scopi SEO e potrà essere letto dagli screen reader per gli utenti non vedenti e ipovedenti. Viene visualizzato anche nel caso in cui l'immagine non possa essere visualizzata.
  11. Se desideri aggiungere testo all'immagine, effettua le rispettive impostazioni nelle schede AddTextOnImage.png e ModifyColours.png .
  12. Se vuoi aggiungere altre immagini alla vetrina, seleziona lo slot vuoto successivo nell'anteprima piccola della vetrina dinamica in alto circle-1.png e ripeti i passaggi 7-11.
  13. Decidi a quale velocità devono ruotare le immagini. Per farlo, sposta il cursore sotto la voce Le immagini cambiano ogni ... secondi circle-2.png. Per impostazione predefinita, le immagini cambiano ogni 5 secondi. In alternativa, puoi anche impostare un tempo da 1 a 10 secondi.

    EditImageSlider_View_EN_unedited.png
  14. Una volta terminato, seleziona Salva.

La vetrina dinamica è stata aggiunta con successo al tuo negozio.

Per modificare nuovamente la vetrina dinamica, selezionala o passaci sopra con il mouse e seleziona Edit.png nell'angolo in alto a destra. Viene visualizzata la vista Modifica vetrina dinamica, dove puoi apportare le modifiche desiderate.

Info

Per tutti gli elementi del contenuto, puoi effettuare ulteriori impostazioni tramite la barra blu che appare quando passi con il mouse sopra un elemento del contenuto. Puoi spostarlo trascinando lo screenshot 2023-12-06 su 15.04.46.png , eliminarlo DeleteIconBlue.png , modificare il design dello sfondo EditColourIcon.png e selezionare un'animazione .

Come cambiare l'ordine delle immagini

Per spostare una determinata immagine in una posizione diversa nella rotazione dell'ordine, trascina e rilascia la rispettiva immagine nella piccola anteprima della vetrina dinamica in alto. Verrà spostato anche qualsiasi testo/link aggiuntivo che hai impostato per l'immagine.

Order_ImageSlider_EN.gif

Ulteriori informazioni sull'allineamento delle immagini

Il modo in cui le immagini vengono visualizzate nella vetrina dinamica del tuo negozio dipende dal formato originale dell'immagine e dal dispositivo utilizzato dai tuoi clienti. Per questo motivo, l'immagine potrebbe essere visualizzata ritagliata. Per evitare che le parti più importanti di un'immagine vengano tagliate, puoi allineare le immagini di conseguenza.

Quando imposti l'allineamento dell'immagine, assicurati di selezionare l'opzione che mostra la parte dell'immagine che vuoi mettere a fuoco. Attualmente non è possibile posizionare liberamente l'immagine. Dovrai invece selezionare una delle tre opzioni elencate in Allineamento immagine. Questi sono il file ImageAlignment_Top.png in alto, il ImageAlignment_Bottom.png in basso e il ImageAlignment_Middle.png centrale.

Questo articolo ti è stato utile?