Aggiungi contenuto - Blocco dinamico

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Argomenti:

Creato per:

Principiante
Intermedio
Utente

Utilizza il tipo di contenuto Blocco dinamico per aggiungere un blocco dinamico esistente a Page Builder stage.

Blocco dinamico nella vetrina {width="700" modal="regular"}

NOTE

Se si apportano modifiche significative al contenuto di Page Builder, è consigliabile aumentare la durata della sessione di amministrazione per evitare il timeout della sessione mentre si lavora.

Casella degli strumenti Blocco dinamico

Strumento

Icona

Descrizione

Sposta

{width="25"}

Sposta il contenitore di blocchi e il relativo contenuto in un'altra posizione sullo stage.

Impostazioni

{width="25"}

Apre la pagina Modifica blocco, in cui è possibile scegliere il blocco e modificare le proprietà del contenitore.

Nascondi

{width="25"}

Nasconde il contenitore di blocchi corrente e il relativo contenuto.

Spettacolo

{width="25"}

Mostra il contenitore di blocchi nascosto e il relativo contenuto.

Duplica

{width="25"}

Crea una copia del contenitore di blocchi e del relativo contenuto.

Rimuovi

{width="25"}

Elimina dall’area di visualizzazione il contenitore di blocchi e il relativo contenuto.

NOTE

Gli elementi nascosti vengono memorizzati nel database e invisibili ai clienti. Tuttavia, questi elementi sono visibili ai motori di ricerca e ad altri bot che eseguono la ricerca per indicizzazione del sito. Vengono inoltre restituiti come parte del contenuto se richiesto tramite una chiamata API con un attributo di invisibilità, a meno che non vengano rimossi dall’area di visualizzazione.

Aggiungi un blocco dinamico esistente all'area di visualizzazione

Passare all'area di lavoro Page Builder nella pagina, nel blocco, nel prodotto o nella categoria di destinazione.
Nel pannello Page Builder, espandere Add Content e trascinare un segnaposto Dynamic Block nell'area di visualizzazione.

{width="600" modal="regular"}
Passa il puntatore del mouse sul contenitore del blocco dinamico vuoto per visualizzare la casella degli strumenti e scegli l'icona Impostazioni ( {width="20"} ).

{width="600" modal="regular"}
Nella pagina Modifica blocco dinamico fare clic su Select Dynamic Block e utilizzare l'elenco per selezionare il blocco.

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

Nell'elenco trovare il blocco dinamico che si desidera inserire e fare clic su Select. Quindi fare clic su Add Selected.

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

Di seguito viene visualizzato un riepilogo delle informazioni sul blocco dinamico.

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

Imposta Template su uno dei seguenti:

table 0-row-2 1-row-2 2-row-2 layout-auto
Opzione	Descrizione
`Dynamic Block Block Template`	Aggiunge un blocco autonomo.
`Dynamic Block Inline Template`	Inserisce il contenuto del blocco nel testo.

{width="200"}

Completare le impostazioni avanzate in base alle esigenze.
Al termine, fare clic su Save per applicare le impostazioni e tornare all'area di lavoro Page Builder.

Impostazioni avanzate

Per controllare il posizionamento del blocco dinamico all'interno del contenitore principale, scegliere un Alignment:

table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
Opzione	Descrizione
`Default`	Applica l'impostazione predefinita di allineamento specificata nel foglio di stile del tema corrente.
`Left`	Allinea l'elenco lungo il bordo sinistro del contenitore principale, tenendo conto di eventuali spaziature specificate.
`Center`	Allinea l'elenco al centro del contenitore padre, tenendo conto di eventuali spaziature specificate.
`Right`	Allinea il blocco lungo il bordo destro del contenitore principale, tenendo conto della spaziatura specificata.

Imposta lo stile Border applicato a tutti e quattro i lati del contenitore di blocchi dinamici:

table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
Opzione	Descrizione
`Default`	Applica lo stile di bordo predefinito specificato dal foglio di stile associato.
`None`	Non fornisce alcuna indicazione visibile dei bordi del contenitore.
`Dotted`	Il bordo del contenitore viene visualizzato come una linea tratteggiata.
`Dashed`	Il bordo del contenitore viene visualizzato come una linea tratteggiata.
`Solid`	Il bordo del contenitore viene visualizzato come linea continua.
`Double`	Il bordo del contenitore viene visualizzato come una doppia riga.
`Groove`	Il bordo del contenitore viene visualizzato come una linea scanalata.
`Ridge`	Il bordo del contenitore viene visualizzato come una linea scanalata.
`Inset`	Il bordo del contenitore viene visualizzato come una linea interna.
`Outset`	Il bordo del contenitore viene visualizzato come una linea di contorno.

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

table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
Opzione	Descrizione
Border Color	Specificate il colore scegliendo un campione, facendo clic sul selettore del colore oppure immettendo un nome di colore valido o un valore esadecimale equivalente.
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.

Separare più nomi di classe con uno spazio.

Immettere i valori, in pixel, per Margins and Padding per determinare i margini esterni e la spaziatura interna del contenitore di blocchi dinamici.

Immettere i valori corrispondenti nel diagramma.

table 0-row-2 1-row-2 2-row-2 layout-auto
Area contenitore	Descrizione
Margins	Quantità di spazio vuoto applicata al bordo esterno di tutti i lati del contenitore. Opzioni: `Top` / `Right` / `Bottom` / `Left`
Padding	Quantità di spazio vuoto applicata al bordo interno di tutti i lati del contenitore. Opzioni: `Top` / `Right` / `Bottom` / `Left`

Modifica impostazioni contenitore blocco dinamico

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

{width="500" modal="regular"}
Se necessario, modificare il blocco dinamico:
- Fare clic su Select Dynamic Block.
  
  {width="20"}
- Nell'elenco dei blocchi dinamici attivi fare clic su Select per il blocco che si desidera aggiungere.
Se necessario, aggiorna le impostazioni rimanenti.
Al termine, fare clic su Save per applicare le impostazioni e tornare all'area di lavoro Page Builder.

Duplicare un blocco dinamico

Passa il puntatore del mouse sul contenitore del blocco dinamico per visualizzare la casella degli strumenti e scegli l'icona Duplica ( {width="20"} ).

Il duplicato viene visualizzato immediatamente sotto l'originale.

{width="500" modal="regular"}
Per spostare il nuovo blocco dinamico in una posizione diversa, posizionare il puntatore del mouse sul relativo contenitore, quindi scegliere Sposta ( {width="20"} ) nella casella degli strumenti.
Selezionate e trascinate il blocco dinamico fino a quando la linea guida rossa non viene visualizzata nella nuova posizione.

Durante lo spostamento del blocco dinamico, i bordi superiore e inferiore di ciascun contenitore vengono visualizzati come linee tratteggiate.

Rimuovere un blocco dinamico dall'area di visualizzazione

Passa il puntatore del mouse sul contenitore del blocco dinamico per visualizzare la casella degli strumenti e scegli l'icona Rimuovi ( {width="20"} ).
Quando viene richiesto di confermare, fare clic su OK.

recommendation-more-help

85b60248-86a4-4d5f-9933-5179643f608d