Ausprobieren von responsivem Layout in We.Retail

Alle We.Retail-Seiten verwenden die Komponente Layout-Container , 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 abhängig von der Größe des Geräts/Fensters und des Formats neu anordnen. Die Komponente wird zusammen mit der Layout -Modus im Seiteneditor verwenden, mit dem Sie Ihr responsives Layout geräteabhängig erstellen und bearbeiten können.

Testen

Bearbeiten Sie die Seite „Arctic Surfing“ im Abschnitt „Erlebnisse“ des Sprachmaster-Zweigs.

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. Führen Sie einen Bildlauf 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 das 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

Weiterführende Informationen finden Sie im Authoring-Dokument . Responsives Layout oder das Administratordokument Konfigurieren des Layout-Containers und des Layout-Modus für vollständige technische Details.