Aggiungi contenuto - Prodotti

Nella barra laterale Admin, passa a Content > Elements>Blocks.

Fare clic su Add New Block.

Immettere Block Title e Identifier.

Scegli Store View dove il blocco deve essere disponibile.

Scorrere verso il basso e fare clic su Edit with Page Builder o nell'area di anteprima del contenuto per aprire l'area di lavoro Page Builder.

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

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

Per determinare la modalità di visualizzazione dell'elenco dei prodotti nella pagina, scegliere uno dei tipi di aspetto riportati di seguito.

{width="300"}

Se scegli il carosello del prodotto, devi anche configurare le impostazioni carosello.

Per Select Products By, scegliere il metodo per la selezione del prodotto:

Puoi selezionare i prodotti per categoria, SKU o condizione. Queste opzioni si escludono a vicenda. Ad esempio, non è possibile selezionare l’opzione Categoria, utilizzare il selettore Categoria, quindi passare all’opzione Condizione per aggiungere alcune condizioni. I prodotti vengono selezionati solo in base a quanto impostato per una di queste tre opzioni.

• Category - Scegliere questa opzione per visualizzare i prodotti utilizzando una categoria selezionata.

  {width="500"}

  Se selezionata, questa opzione fornisce un selettore Category. Fare clic sulla freccia ed eseguire il drill-down per scegliere la categoria di prodotti da visualizzare. Ad esempio, nei dati di esempio di Commerce, l'espansione e la selezione di Donne > Punte > Tette consentono di visualizzare tutti i prodotti per tale categoria.

  {width="500"}

• SKU - Scegliere questa opzione per visualizzare i prodotti utilizzando uno o più SKU

  Se selezionata, questa opzione fornisce una casella di testo Product SKUs in cui è necessario immettere un elenco separato da virgole di SKU da visualizzare.

  {width="500"}

• Condition - Scegliere questa opzione per visualizzare i prodotti in base a una o più condizioni definite.

  Quando è selezionata, sono disponibili strumenti per aggiungere condizioni alla selezione dei prodotti. Ad esempio, puoi selezionare solo i prodotti con un Genere impostato su Unisex.

  {width="500"}

  note note
  NOTE
  Se si seleziona l'opzione Categoria o SKU, verrà visualizzata l'opzione Sort By di Position. Con questa opzione di ordinamento, i prodotti vengono visualizzati nello stesso ordine in cui sono visualizzati nel catalogo.
  Per l'opzione Categoria, l'ordinamento per posizione consente di visualizzare i prodotti nello stesso ordine in cui sono visualizzati nel catalogo. Per l'opzione SKU, l'ordinamento in base alla posizione consente di visualizzare i prodotti nell'ordine in cui sono stati immessi nella casella di testo Product SKUs.

Per Sort By, scegliere l'ordinamento per i prodotti nell'elenco:

{width="300"}

Immettere Number of Products to Display nel carosello o nella griglia.

I valori possono essere compresi tra 1 e 999. Il valore predefinito è 5 per una griglia e 20 per un carosello.

Per determinare la modalità di visualizzazione dei prodotti all'interno del carosello, scegliere Carousel Mode:

Se passi da una modalità all'altra, le altre impostazioni del carosello vengono mantenute, ad eccezione dell'impostazione Infinite Loop, che è sempre impostata su Yes in modalità Continua e il campo è disabilitato.

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

Se necessario, impostare Autoplay su Yes.

Quando la riproduzione automatica è abilitata, il carosello inizia a scorrere automaticamente al caricamento della pagina. Se si lascia l'impostazione predefinita (No), il cliente deve fare clic sulla navigazione della diapositiva (punti o frecce) per visualizzare ogni diapositiva in sequenza.

Se si abilita questa funzione, immettere Autoplay Speed per specificare il ritardo in millisecondi tra ciascuna diapositiva. Il valore predefinito è 4000 (4 secondi).

Se necessario, impostare Infinite Loop su Yes.

Quando è attivato il ciclo infinito, la presentazione viene ripetuta indefinitamente mentre la pagina è aperta. Se si lascia l'impostazione predefinita (No), la presentazione verrà riprodotta una sola volta.

Se necessario, impostare Show Arrows su Yes.

Quando questa opzione è abilitata, ogni diapositiva include avanti e precedente frecce di navigazione a sinistra e a destra. Se si lascia l'impostazione predefinita (No), le diapositive non visualizzano le frecce di spostamento.

Se necessario, impostare Show Dots su No.

Se è impostata l'impostazione predefinita (Yes), nella parte inferiore del dispositivo di scorrimento del carosello vengono visualizzati dei punti di navigazione. Se disattivi questa impostazione, il cursore del carosello non mostra i punti di navigazione.

Per controllare il posizionamento dell'elenco Prodotti all'interno del contenitore padre, scegliere Alignment:

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

Se si imposta uno stile di bordo diverso da None, completare le opzioni di visualizzazione 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 Prodotti.

Immettere i valori corrispondenti nel diagramma.