Nell'editor di progettazione è possibile modificare non solo l'aspetto e l'ordine degli elementi della pagina del prodotto, ma anche definirne la struttura, ovvero il numero di colonne del layout.
La pagina del prodotto viene impostata in Sito web → Design → Editor di design → Product page.
Nota: le impostazioni per la versione mobile sono effettuate indipendentemente dalla versione desktop nella sezione Website → Design → Design editor → Mobile version → Product page.
Stile Visivo
Qui puoi definire il modello di layout della pagina e impostare il colore e l'aspetto visivo dei gruppi di componenti sulla pagina.
Page template: è possibile scegliere una delle due opzioni possibili per il layout delle colonne: 2 columns o 3 columns. Questa impostazione determina l'ordine delle sezioni della pagina visualizzate nella scheda Page layout. All'impostazione è stato aggiunto un tooltip con una rappresentazione schematica della disposizione delle sezioni.
2 colonne | 3 colonne |
| 
|
Colonne
Queste impostazioni sono disponibili solo quando si seleziona il modello a 2 columns. In questo caso, è possibile impostare il rapporto tra le larghezze delle colonne e la larghezza minima di ciascuna colonna in pixel.
Esempi di impostazione della proporzione di un modello a 2 colonne
Nessun componente nel gruppo superiore | Rapporto L 1/3 - R 2/3 | Rapporto L 2/3 - R 1/3 |
| 
| 
|
Gruppi di componenti
Un gruppo è costituito da diversi componenti che vengono combinati in un blocco comune nella pagina del prodotto. In ogni gruppo, i componenti possono essere visualizzati in sequenza uno dopo l'altro (con o senza separatore) o possono essere combinati in schede.
Un esempio di gruppo combinato in schede
Layout di pagina
In questa scheda delle impostazioni viene visualizzata una visualizzazione schematica delle sezioni della pagina del prodotto, che dipende dal modello selezionato nello Visual style.
Ogni sezione visualizza i gruppi di componenti che vi si trovano. È possibile spostare i componenti sia all'interno di un gruppo che in altri gruppi. È inoltre possibile modificare l'ordine di visualizzazione dei gruppi in una sezione o spostare un gruppo tra le sezioni.
I componenti, dopo il cui nome è presente il simbolo >, possono essere configurati ulteriormente — per farlo, clicca sul nome.
Product image and gallery — puoi cambiare la dimensione della foto, abilitare o disabilitare la visualizzazione di adesivi e loghi, spostare la galleria di miniature.
Page heading — puoi cambiare la dimensione, abilitare e disabilitare elementi aggiuntivi (breadcrumb, disponibilità, valutazione), cambiare la posizione del codice SKU rispetto al titolo.
Nota: se il campo Codice articolo da pubblicare sul sito web è compilato per il prodotto, allora al posto di Codice articolo, viene visualizzato il valore di questo campo.
Price — puoi visualizzare o nascondere la disponibilità del prodotto, gestire le icone Favorites e Comparison.
Product variant — puoi personalizzare l'aspetto degli interruttori di variante per colore e altri parametri.
Buy buttons — puoi abilitare e disabilitare il contatore della quantità del prodotto e il pulsante di acquisto a credito.
Product set — puoi cambiare la posizione delle immagini dei prodotti all'interno del blocco.
Promotion countdown — puoi personalizzare il colore del timer, del testo e dello sfondo.
Attributes(Characteristics list) — puoi personalizzare lo stile di visualizzazione degli attributi sulla pagina del prodotto.
Description — puoi comprimere o espandere la descrizione del prodotto.
Reviews — puoi impostare il numero di recensioni visualizzate sulla pagina del prodotto.
Products with similar attributes(characteristics), Products from the category, Accessories — puoi visualizzare o nascondere il pulsante Buy accanto ai prodotti.
