Provar Responsiv layout i We.Retail trying-out-responsive-layout-in-we-retail

Alla webbsidor använder komponenten Layoutbehållare för att implementera responsiv design. Layoutbehållaren har ett styckesystem där du kan placera komponenter i ett responsivt rutnät. Rutnätet kan ändra layouten beroende på enhetens/fönstrets storlek och format. Komponenten används tillsammans med läget Layout i sidredigeraren, där du kan skapa och redigera den responsiva layouten beroende på enhet.

Prova trying-it-out

  1. Redigera sidan Arktisk surfning i sektionen Erfarenheter i huvudgrenen för språk.

    http://localhost:4502/editor.html/content/we-retail/language-masters/en/experience/arctic-surfing-in-lofoten.html

  2. Växla till Förhandsgranska om du vill se sidan som den skulle återges för en besökare på webbplatsen. Bläddra nedåt till innehållet i artikeln Aloha-sprit i Norge.

    chlimage_1-178

  3. Ändra storlek på webbläsarfönstret och se hur layouten anpassas dynamiskt efter storleksändringen.

    chlimage_1-179

  4. Växla till layoutläge. Emulatorverktygsfältet visas automatiskt så att du kan planera layouten per målenhet.

    Om du markerar en komponent visas flytande och dolda alternativ på redigeringsmenyn tillsammans med storlekshandtag för komponenten.

    chlimage_1-180

  5. När du tar och drar i storlekshandtaget för komponenten visas automatiskt layoutstödrastret så att du lättare kan ändra storlek.

    chlimage_1-181

Ytterligare information further-information

Mer information finns i redigeringsdokumentet Responsiv layout eller administratörsdokumentet Configuring Layout Container and Layout Mode för fullständig teknisk information.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2