Provar Responsiv layout i We.Retail

Senaste uppdatering: 2023-11-07
  • Skapat för:
  • Developer

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 Layout i sidredigeraren, där du kan skapa och redigera din responsiva layout beroende på enhet.

Prova

  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 för att se sidan som den skulle återges för en besökare på webbplatsen. Bläddra nedåt till artikelns innehåll 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 Konfigurera layoutbehållare och layoutläge för fullständig teknisk information.

På denna sida