Media - Banner

Nel pannello Page Builder, espandere Media e trascinare un segnaposto Banner nell'area di visualizzazione.

{width="600" modal="regular"}

I pulsanti Upload Image ​e_Select from Gallery_ sono inclusi per consentire modifiche rapide al contenuto del banner direttamente dall'area di visualizzazione. È inoltre possibile modificare il contenuto della pagina Edit Banner.

Fai clic sul segnaposto del banner per visualizzare l'editor di testo e immettere il contenuto per il banner.

È inoltre possibile includere contenuto banner più complesso utilizzando le impostazioni Contenuto.

Passa il puntatore del mouse sul contenitore del banner per visualizzare la casella degli strumenti e scegli l'icona Impostazioni ( ).

Utilizzare le sezioni seguenti per informazioni dettagliate sull'aggiornamento delle impostazioni disponibili:

• Appearance
• Content
• Background
• Advanced

Al termine, fare clic su Save nell'angolo superiore destro per chiudere la pagina Edit Banner.

Nell'angolo superiore destro fare clic su Save per applicare le impostazioni e tornare all'area di lavoro Page Builder.

Fare clic sul testo segnaposto e immettere il testo che si desidera visualizzare sul banner.

La barra degli strumenti dell'editor viene visualizzata sopra la casella di testo.

{width="600" modal="regular"}

Utilizza la barra degli strumenti dell’editor per immettere e formattare il testo, nonché per inserire elementi quali collegamenti, immagini e widget.

{width="600" modal="regular"}

Passa il puntatore del mouse sul contenitore del banner per visualizzare la casella degli strumenti e scegli l'icona Impostazioni ( {width="25"} ).

Scorri verso il basso fino alla sezione Content ​e utilizza l'editor Message Text ​per immettere e formattare il testo del banner.

È inoltre possibile inserire elementi quali collegamenti di testo, immagini e widget.

{width="600" modal="regular"}

Se necessario, specificare Link per il banner.

Il collegamento è la pagina di destinazione visualizzata quando il cliente fa clic sul pulsante o sull'area del banner. Puoi utilizzare uno dei tre tipi di collegamento seguenti:

• URL - Collegamenti a un URL relativo o completo.
• Product - Identifica la pagina di destinazione in base al nome del prodotto o allo SKU. Cerca il prodotto per nome in base a un nome parziale o completo. Scegli il prodotto dall’elenco dei risultati della ricerca.
• Category - Identifica la pagina di destinazione come categoria o sottocategoria specifica nella struttura delle categorie. Cerca la categoria in base a un nome parziale o completo. Scegliete la categoria dalla sezione espansa della struttura visualizzata.
• Page - Identifica la pagina di destinazione come pagina di contenuto specifica. Cerca la pagina in base a un nome parziale o completo. Scegliere la pagina dall'elenco dei risultati di ricerca.

note note
NOTE
A partire dalla versione 2.4.1, Page Builder non supporta più il collegamento del banner e dei collegamenti all'interno del testo nidificato a causa di problemi di visualizzazione nella vetrina. Se si utilizza un collegamento in Message Text, non è possibile configurare l'opzione​_Link_. Se si preferisce utilizzare un solo collegamento per l'intero banner, è possibile rimuovere tutti i collegamenti dal testo.
{width="200"}

Se necessario, aggiungi un pulsante per richiedere ai clienti di seguire il collegamento.

L'impostazione Aspetto banner posiziona un singolo collegamento o pulsante sotto il testo. Completa le proprietà del collegamento o del pulsante che desideri aggiungere.

{width="600" modal="regular"}

• Imposta Show Button su uno dei seguenti:

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Opzione	Descrizione
  Always	Sul banner viene sempre visualizzato un pulsante.
  On Hover	Sul banner compare un pulsante solo al passaggio del mouse.
  Never Show	Sul banner non viene mai visualizzato un pulsante.

• Immetti Button Text da visualizzare sul pulsante.

• Imposta Button Type su uno dei seguenti:

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Opzione	Descrizione
  Primary	Applica lo stile del pulsante principale dal foglio di stile corrente.
  Secondary	Applica lo stile del pulsante secondario dal foglio di stile corrente, se applicabile.
  Link	Crea un collegamento ipertestuale anziché un pulsante.

  Lo stile del pulsante del tema corrente determina il formato del pulsante. In genere, un pulsante principale ha un colore di sfondo più prominente rispetto a un pulsante secondario.

Imposta Show Overlay su uno dei seguenti:

È possibile utilizzare una sovrapposizione per applicare un colore di sfondo all'area di contenuto attiva definita dall'impostazione Appearance. L'immagine di sfondo del banner rimane visibile per l'intera larghezza del banner.

Se scegli di mostrare una sovrapposizione, imposta Overlay Color:

• Fare clic sul campione Nessun colore e scegliere un campione.
• Nel campo Nessun colore immettere un nome di colore valido o un valore esadecimale.

{width="600" modal="regular"}

Nell'angolo superiore destro fare clic su Save per applicare le impostazioni e tornare all'area di lavoro Page Builder.

{width="600" modal="regular"}

Per controllare il posizionamento orizzontale dei contenitori di contenuto aggiunti al banner, scegliere un Alignment:

Imposta lo stile Border applicato a tutti e quattro i lati del contenitore del banner:

Se si imposta uno stile di bordo diverso da None, completare le opzioni di visualizzazione del bordo:

• Border Color - Specificare il colore scegliendo un campione, facendo clic sul selettore del colore o immettendo un nome di colore valido o un valore esadecimale equivalente.

  {width="600" modal="regular"}

• Border Width - Immettere il numero di pixel per lo spessore della linea del bordo.

• Border Radius - Immettere il numero di pixel per definire la dimensione del raggio utilizzato per arrotondare ogni angolo del bordo.

(Facoltativo) Specificare i nomi di CSS classes dal foglio di stile corrente da applicare al contenitore del banner.

Separare più nomi di classe con uno spazio.

Immettere i valori in pixel per Margins and Padding per specificare i margini esterni e la spaziatura interna del banner.

Immettere ogni valore corrispondente nel diagramma contenitore banner.