Prova del layout dinamico in We.Retail trying-out-responsive-layout-in-we-retail
Tutte le pagine We.Retail utilizzano il componente Contenitore di layout per implementare una progettazione reattiva. Il contenitore layout fornisce un sistema paragrafo che consente di posizionare i componenti all’interno di una griglia reattiva. Questa griglia può ridisporre il layout in base alle dimensioni e al formato del dispositivo o della finestra. Il componente viene utilizzato insieme al Layout nell’editor pagina, che consente di creare e modificare il layout dinamico a seconda del dispositivo.
Prova trying-it-out
-
Modifica la pagina Arctic Surfing nella sezione Esperienze del ramo principale lingua.
http://localhost:4502/editor.html/content/we-retail/language-masters/en/experience/arctic-surfing-in-lofoten.html
-
Passa a Anteprima per visualizzare la pagina così come verrebbe sottoposta a rendering per un visitatore del sito web. Scorri verso il basso fino al contenuto dell’articolo Aloha spirits nella Norvegia settentrionale.
-
Ridimensiona la finestra del browser e osserva come il layout si adatta dinamicamente al ridimensionamento.
-
Passa alla modalità Layout. La barra degli strumenti dell’emulatore viene visualizzata automaticamente e consente di pianificare il layout per dispositivo di destinazione.
Selezionando un componente vengono visualizzate le opzioni mobile e nascosta nel menu Modifica insieme alle maniglie di ridimensionamento del componente.
-
Se si trascina il quadratino di ridimensionamento del componente, viene visualizzata automaticamente la griglia di layout che consente di ridimensionarlo.
Ulteriori informazioni further-information
Per ulteriori informazioni, consulta il documento di authoring Layout reattivo o il documento dell’amministratore Configurazione del contenitore di layout e della modalità layout per dettagli tecnici completi.