Provar Responsiv layout i We.Retail

Alla webbsidor använder komponenten Layoutbehållare för att implementera responsiv design. Layoutbehållaren har ett styckesystem som gör att 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, som gör att du kan skapa och redigera den responsiva layouten beroende på enhet.

Prova

  1. Redigera sidan Arktisk surfning i sektionen Erfarenheter i den överordnad språkgrenen.

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

  2. Växla till Förhandsgranska för att se sidan som den skulle återges för en besökare på webbplatsen. Bläddra ned 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

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

På denna sida