Show Menu
ARGOMENTI×

Prova di layout reattivo in We.Retail

Tutte le pagine We.Retail utilizzano il componente Contenitore di layout per implementare un design reattivo. Il Contenitore di layout offre 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/finestra. The component is used in conjunction with the Layout mode in the page editor, which allows you to create and edit your responsive layout dependent on device.

Provarci

  1. Modificate la pagina Navigazione artica nella sezione Esperienze del ramo master lingua.
    http://localhost:4502/editor.html/content/we-retail/language-masters/en/experience/arctic-surfing-in-lofoten.html
  2. Passate a Anteprima per visualizzare la pagina così come verrebbe rappresentata a un visitatore del sito Web. Scorri verso il basso fino al contenuto dell'articolo Aloha spiriti in Norvegia settentrionale.
  3. Ridimensionate la finestra del browser e guardate come il layout si adatta dinamicamente al ridimensionamento.
  4. Passate alla modalità Layout. La barra degli strumenti dell'emulatore viene visualizzata automaticamente e consente di pianificare il layout per dispositivo di destinazione.
    Quando si seleziona un componente, nel menu di modifica vengono visualizzate le opzioni mobili e nascoste insieme alle maniglie di ridimensionamento del componente.
  5. Quando si tocca e si trascina la maniglia di ridimensionamento del componente, viene automaticamente visualizzata la griglia di layout, che consente di eseguire il ridimensionamento.

Ulteriori informazioni

Per ulteriori informazioni, consultare il documento di authoring Responsive Layout o il documento amministratore Configuring Layout Container and Layout Mode (Configurazione del contenitore di layout e della modalitàdi layout) per informazioni tecniche complete.