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 de design → Product page.
Stile visivo
Qui è possibile definire un modello di layout della pagina e impostare il colore e l'aspetto visivo dei gruppi di componenti della 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 columns | 3 columns |
 |  |
Columns
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.