Testen von responsivem Layout in We.Retail trying-out-responsive-layout-in-we-retail
Alle We.Retail-Seiten verwenden die Layout-Container-Komponente, um responsives Design zu implementieren. Der Layout-Container bietet ein Absatzsystem, mit dem Sie Komponenten in einem responsiven Raster positionieren können. Dieses Raster kann das Layout entsprechend der Geräte-/Fenstergröße und dem Format neu anordnen. Die Komponente wird zusammen mit dem Layout-Modus im Seiteneditor verwendet, mit dem Sie das responsive Layout je nach Gerät erstellen und bearbeiten können.
Testen trying-it-out
-
Bearbeiten Sie die Seite Arktisches Surfen im Abschnitt Erlebnisse des Übergeordneten Sprachzweigs.
http://localhost:4502/editor.html/content/we-retail/language-masters/en/experience/arctic-surfing-in-lofoten.html
-
Wechseln Sie zu Vorschau, um die Seite so anzuzeigen, wie sie für einen Besucher der Website gerendert würde. Blättern Sie nach unten zum Inhalt des Artikels Aloha-Spirituosen in Nordnorwegen.
-
Ändern Sie die Größe des Browserfensters und sehen Sie zu, wie sich das Layout dynamisch an die Größenanpassung anpasst.
-
Wechseln Sie in den Layout-Modus. Die Emulator-Symbolleiste wird automatisch angezeigt, sodass Sie Ihr Layout für jedes Zielgerät planen können.
Wenn Sie eine Komponente auswählen, werden im Bearbeitungsmenü neben den Größenänderungsgriffen für die Komponente Optionen zum Ein- und Ausblenden angezeigt.
-
Durch Greifen und Ziehen des Größenänderungsgriffs der Komponente wird automatisch das Layout-Raster angezeigt, um Sie bei der Größenänderung zu unterstützen.
Weiterführende Informationen further-information
Weitere Informationen und umfassende technische Details finden Sie im Dokument Responsives Layout oder im Administrator-Dokument Konfigurieren von Layout-Container und Layout-Modus.