DocumentazioneCommercePage Builder

[Solo PaaS]{class="badge informative" title="Applicabile solo ai progetti Adobe Commerce on Cloud (infrastruttura PaaS gestita da Adobe) e ai progetti on-premise."}

Aggiungi contenuto - Consigli di prodotto

Last update: Thu Sep 04 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

Creato per:

  • Principiante
  • Intermedio
  • Utente

Utilizza il tipo di contenuto Consigli di prodotto per aggiungere una unità di consigli attiva e esistente alla Page Builder fase per una pagina, un blocco o un blocco dinamico di CMS.

NOTE
Il tipo di contenuto Page Builder Consigli di prodotto è supportato in Adobe Commerce 2.4.4 e versioni successive e disponibile nel pacchetto metapacchetto di consigli di prodotto versioni 3.0.x o successive. Per aggiungere il supporto di Page Builder per Product Recommendations, visualizzare le informazioni sull'installazione. Questo tipo di contenuto non è disponibile per Magento Open Source.
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 Consigli di prodotto

Strumento
Icona
Descrizione
Sposta
Icona Sposta {width="25"}
Sposta il contenitore di consigli del prodotto e il relativo contenuto in un’altra posizione sullo stage.
Impostazioni
Icona Impostazioni {width="25"}
Apre la pagina Modifica consiglio prodotto, in cui è possibile scegliere l'unità di consigli e modificare le proprietà del contenitore.
Nascondi
Icona Nascondi {width="25"}
Nasconde il contenitore di consigli prodotto corrente e il relativo contenuto.
Spettacolo
Mostra icona {width="25"}
Mostra il contenitore per consigli di prodotti nascosto e il relativo contenuto.
Duplica
Icona duplicata {width="25"}
Crea una copia duplicata del contenitore per consigli di prodotto e del relativo contenuto.
Rimuovi
Icona Rimuovi {width="25"}
Elimina dall’area di visualizzazione il contenitore per consigli di prodotto 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'unità di consigli esistente

  1. Assicurarsi di avere già creato un'unità di consigli per il tipo di pagina Page Builder.
NOTE
È possibile creare unità di consigli per il tipo di pagina Page Builder solo nella visualizzazione predefinita dello store.

  1. Apri la pagina, il blocco o il blocco dinamico in modalità di modifica.

  2. Espandere la sezione Content ​e fare clic su Edit with Page Builder ​o nell'area di anteprima del contenuto per aprire l'area di lavoro Page Builder.

  3. Nel pannello Page Builder sotto Layout, trascina un segnaposto Row ​nell'area di visualizzazione.

  4. Nel pannello Page Builder sotto Add Content, trascina un segnaposto Product Recommendation ​nella riga.

    Aggiunta del tipo di contenuto Consiglio di prodotto {width="600" modal="regular"}

  5. Effettuare una delle seguenti operazioni:

    • Fare clic su Edit Product Recommendation.
    • Passa il puntatore del mouse sul contenitore vuoto per visualizzare la casella degli strumenti e fai clic sull'icona Impostazioni ( Icona Impostazioni ).

    Modifica consiglio prodotto {width="600" modal="regular"}

  6. Nella sezione Selection, fare clic su Select.

  7. Nell'elenco dei consigli di prodotti attivi, trovare la riga con l'unità di consigli che si desidera aggiungere e fare clic su Select nell'ultima colonna.

    Consiglio di prodotto selezionato {width="600" modal="regular"}

  8. Nell'angolo superiore destro fare clic su Add Selected.

    Il nome del consiglio di prodotto selezionato viene visualizzato nella sezione Selection ​della pagina​ Edit Product Recommendation.

  9. Apporta le modifiche necessarie alle Impostazioni avanzate.

    Modifica consiglio prodotto {width="600" modal="regular"}

  10. Al termine, effettuare le seguenti operazioni:

    • Se utilizzi una finestra del browser completamente ingrandita, fai clic sull'icona Chiudi schermo intero ( Chiudi icona schermo intero ) nell'angolo superiore destro dell'area di lavoro.

    • Fare clic su Save per applicare le impostazioni e tornare all'area di lavoro Page Builder.

    Quando ritorni all’area di visualizzazione, nel contenitore vengono visualizzate le immagini segnaposto del prodotto.

Modifica impostazioni unità di consigli

  1. Passa il puntatore del mouse sul contenitore unità di consigli per visualizzare la casella degli strumenti e fai clic sull'icona Impostazioni ( Icona Impostazioni ).

    Casella degli strumenti consigli {width="600" modal="regular"}

  2. Apporta le modifiche necessarie alle Impostazioni avanzate.

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

Duplicare un’unità di consigli

  1. Passa il puntatore del mouse sul contenitore di unità di consigli per visualizzare la casella degli strumenti e fai clic sull'icona Duplica ( Icona Duplica ) nella casella degli strumenti.

    Il duplicato viene visualizzato immediatamente sotto l'originale.

  2. Per spostare l'unità di consigli duplicata in una nuova posizione, posizionare il puntatore del mouse sul contenitore e fare clic sull'icona Sposta ( Icona Sposta ) nella casella degli strumenti.

  3. Seleziona e trascina l’unità di consigli fino a quando la linea guida rossa non viene visualizzata nella nuova posizione.

    Durante lo spostamento dell’unità di consigli, i bordi superiore e inferiore di ciascun contenitore vengono visualizzati come linee tratteggiate.

Rimuovere un’unità di consigli dalla fase

  1. Passa il puntatore del mouse sul contenitore di unità di consigli e fai clic sull'icona Rimuovi ( Icona Rimuovi ) nella casella degli strumenti.

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

Impostazioni avanzate

  1. Per controllare il posizionamento dell'unità Product Recommendations all'interno del contenitore padre, scegliere 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'unità lungo il bordo sinistro del contenitore padre, tenendo conto di eventuali spaziature specificate.
    Center Allinea l'unità al centro del contenitore padre, tenendo conto di qualsiasi spaziatura specificata.
    Right Allinea l'unità lungo il bordo destro del contenitore principale, tenendo conto di qualsiasi spaziatura specificata.

  2. Imposta lo stile Border applicato a tutti e quattro i lati dell'unità Consigli di prodotto:

    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 delle unità.
    Dotted Il bordo dell'unità viene visualizzato come una linea tratteggiata.
    Dashed Il bordo unità viene visualizzato come una linea tratteggiata.
    Solid Il bordo dell'unità viene visualizzato come linea continua.
    Double Il bordo dell'unità viene visualizzato come una doppia riga.
    Groove Il bordo unità viene visualizzato come una linea scanalata.
    Ridge Il bordo unità viene visualizzato come una linea scanalata.
    Inset Il bordo dell'unità viene visualizzato come una linea di inserimento.
    Outset Il bordo dell'unità 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 all'unità.

    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 dell'unità.

    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 dell'unità. Opzioni: Top / Right / Bottom / Left
    Padding Quantità di spazio vuoto applicata allo spigolo interno di tutti i lati dell'unità. Opzioni: Top / Right / Bottom / Left
recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d