PageBuilderReverseOnMobile — Reverse Column Order on Mobile¶
Extension for Magento 2¶
User Manual¶
CopeX GmbH
Web: https://copex.io
Email: office@copex.io
Table of Contents¶
| Section | Page |
|---|---|
| 1 Requirements | 2 |
| 2 Configuration | 2 |
| 3 Usage | 2 |
| 3.1 Configuring the Reverse Option for Rows | 2 |
| 3.2 Frontend Output | 3 |
1 Requirements¶
- Magento 2.3 or higher (compatible with 2.4)
- PHP 8.1 or higher
- Magento Page Builder enabled
- Hyvä Theme or Luma Theme
2 Configuration¶
This module has no backend configuration. After installation, the reverse option is immediately available in the Page Builder Row element.
3 Usage¶
3.1 Configuring the Reverse Option for Rows¶
After installing the module, a new setting Column Direction on Mobile is added to the Magento Page Builder Row element.
To configure the option:
- Open a CMS page or CMS block in the backend under Content > Pages or Content > Blocks.
- Open the Page Builder editor.
- Add a Row element or edit an existing one.
- Click the gear icon (Settings) on the Row element.
- In the settings dialog, find the new option Column Direction on Mobile:
- Normal Direction — Columns are displayed in the standard order (default value)
- Reverse Direction — Columns are displayed in reversed order on mobile devices
3.2 Frontend Output¶
Normal state (same on desktop and mobile):
On desktop devices, the column order is always the order set in Page Builder. When the Normal Direction option is selected, the same order applies on mobile devices.
Reversed order on mobile:
When Reverse Direction is selected, the columns are displayed in reversed order on mobile devices (below the configured breakpoint).
Use case:
A common use case is a two-column row with an image on the left and text on the right. The layout looks good on desktop. On mobile, however, the text should appear first (on top), followed by the image (below). With this option, the order can be reversed easily without any CSS customizations.
The module is fully compatible with the Hyvä Theme (Tailwind CSS) and the standard Luma Theme.
License¶
Proprietary — CopeX GmbH. One license per production Magento instance. Test and development environments do not require an additional license.