PageBuilderReverseOnMobile — Spaltenreihenfolge auf Mobile umkehren¶
Extension for Magento 2¶
Bedienungsanleitung¶
CopeX GmbH
Web: https://copex.io
Email: office@copex.io
Inhaltsverzeichnis¶
| Abschnitt | Seite |
|---|---|
| 1 Voraussetzungen | 2 |
| 2 Konfiguration | 2 |
| 3 Verwendung | 2 |
| 3.1 Umkehr-Option für Zeilen konfigurieren | 2 |
| 3.2 Frontend-Ausgabe | 3 |
1 Voraussetzungen¶
- Magento 2.3 oder höher (kompatibel mit 2.4)
- PHP 8.1 oder höher
- Magento Page Builder aktiviert
- Hyvä Theme oder Luma Theme
2 Konfiguration¶
Dieses Modul hat keine Konfiguration im Backend. Nach der Installation steht die Umkehr-Option im Page Builder Row-Element sofort zur Verfügung.
3 Verwendung¶
3.1 Umkehr-Option für Zeilen konfigurieren¶
Nach der Installation des Moduls wird im Magento Page Builder Zeilen-Element (Row) eine neue Einstellung Spaltenrichtung auf Mobilgeräten hinzugefügt.
So konfigurieren Sie die Option:
- Öffnen Sie eine CMS-Seite oder einen CMS-Block im Backend unter Inhalt > Seiten oder Inhalt > Blöcke.
- Öffnen Sie den Page Builder Editor.
- Fügen Sie ein Zeilen-Element (Row) hinzu oder bearbeiten Sie ein vorhandenes.
- Klicken Sie auf das Zahnrad-Symbol (Einstellungen) des Zeilen-Elements.
- Im Einstellungs-Dialog finden Sie die neue Option Spaltenrichtung auf Mobilgeräten:
- Normale Richtung — Spalten werden in der Standard-Reihenfolge angezeigt (Standardwert)
- Richtung umkehren — Spalten werden auf Mobilgeräten in umgekehrter Reihenfolge angezeigt
3.2 Frontend-Ausgabe¶
Normalzustand (Desktop und Mobilgerät gleich):
Auf Desktop-Geräten ist die Spaltenreihenfolge immer die im Page Builder festgelegte Reihenfolge. Wenn die Umkehr-Option Normale Richtung ausgewählt ist, gilt dieselbe Reihenfolge auch auf Mobilgeräten.
Umgekehrte Reihenfolge auf Mobilgeräten:
Wenn Richtung umkehren ausgewählt ist, werden die Spalten auf Mobilgeräten (unterhalb des konfigurierten Breakpoints) in umgekehrter Reihenfolge dargestellt.
Anwendungsfall:
Ein häufiger Anwendungsfall ist eine Zwei-Spalten-Zeile mit Bild links und Text rechts. Auf dem Desktop sieht das Layout gut aus. Auf Mobilgeräten soll aber der Text zuerst erscheinen (oben), gefolgt vom Bild (unten). Mit dieser Option kann die Reihenfolge ohne CSS-Anpassungen einfach umgekehrt werden.
Das Modul ist vollständig kompatibel mit dem Hyvä Theme (Tailwind CSS) und dem Standard-Luma Theme.
Lizenz¶
Proprietär — CopeX GmbH. Eine Lizenz pro produktiver Magento-Instanz. Test- und Entwicklungsumgebungen benötigen keine zusätzliche Lizenz.