DocumentazioneCommercePage Builder

Aggiungi contenuto - Blocca

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 Blocca per aggiungere un blocco attivo esistente alla Page Builder fase. Nell’esempio seguente, la prima colonna contiene il blocco con un menu laterale per la pagina. La seconda colonna contiene un’immagine.

Blocca con un menu laterale

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 Blocca

Strumento
Icona
Descrizione
Sposta
Icona Sposta
Sposta il contenitore di blocchi e il relativo contenuto in un'altra posizione sullo stage.
Impostazioni
Icona Impostazioni
Apre la pagina Modifica blocco, in cui è possibile scegliere il blocco e modificare le proprietà del contenitore.
Nascondi
Icona Nascondi
Nasconde il contenitore di blocchi corrente e il relativo contenuto.
Spettacolo
Mostra icona
Mostra il contenitore di blocchi nascosto e il relativo contenuto.
Duplica
Icona duplicata
Crea una copia del contenitore di blocchi e del relativo contenuto.
Rimuovi
Icona Rimuovi
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 esistente

  1. Passare all'area di lavoro Page Builder nella pagina di destinazione, nel blocco, nel blocco dinamico, nel prodotto o nella categoria.

  2. Nel pannello Page Builder, espandere Add Content e trascinare un segnaposto Block nell'area di visualizzazione.

    Trascinamento di un blocco nell'area di visualizzazione {width="600" modal="regular"}

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

  4. Fare clic su Select Block.

    Selezione di un blocco {width="200"}

  5. Nella riga del blocco che si desidera aggiungere fare clic su Select nell'ultima colonna.

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

    Il nome del blocco selezionato viene visualizzato nella pagina.

    Nome blocco {width="200"}

  6. Completa le altre impostazioni necessarie, utilizzando le descrizioni dei campi alla fine di questa pagina come riferimento.

  7. Al termine, fare clic su Save per applicare le impostazioni e tornare all'area di lavoro Page Builder.

Impostazioni avanzate

  1. Per controllare il posizionamento del blocco all'interno del contenitore padre, 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.

  2. Imposta uno stile Border applicato a tutti e quattro i lati del contenitore di blocchi:

    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.

  3. 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.

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

    Separare più nomi di classe con uno spazio.

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

    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 blocco

  1. Passa il puntatore del mouse sul contenitore di blocchi e scegli l'icona Impostazioni ( Icona Impostazioni {width="25"} ) nella casella degli strumenti.

    Blocca Casella Degli Strumenti {width="600" modal="regular"}

  2. Per scegliere un blocco diverso, fare clic su Select Block.

    • Nell'elenco dei blocchi attivi fare clic su Select il blocco che si desidera aggiungere.
    • Fare clic su Add Selected.

  3. Se necessario, aggiorna le altre impostazioni utilizzando le descrizioni dei campi alla fine di questa pagina come riferimento.

  4. Al termine, fare clic su Save per applicare le impostazioni e tornare all'area di lavoro Page Builder.

Duplicare un blocco

  1. Passa il puntatore del mouse sul contenitore di blocchi per visualizzare la casella degli strumenti e scegli l'icona Duplica ( Icona Duplica ).

    Il duplicato viene visualizzato immediatamente sotto l'originale.

  2. Per spostare il nuovo blocco in una nuova posizione, posizionare il puntatore del mouse sul contenitore, quindi fare clic su Sposta ( Icona Sposta ) nella casella degli strumenti.

  3. Seleziona e trascina il blocco fino a quando la linea guida rossa non viene visualizzata nella nuova posizione.

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

Rimuovere un blocco dall'area di visualizzazione

  1. Passa il puntatore del mouse sul contenitore di blocchi per visualizzare la casella degli strumenti e scegli l'icona Rimuovi ( Rimuovi icona ).

  2. Quando viene richiesto di confermare, fare clic su OK.

recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d