Two Columns with Desktop Sort Order Page Builder Module

Adobe Commerce’s Page Builder custom module, which has two columns, one for an image and the other for text with a desktop sort order.

  • client: Funky Squid
  • industry: Adobe Commerce Modules.
  • website: M/A
Mobile view of the two columns with the desktop order module.
Desktop view of the two columns with the desktop order module.

About Project

This was an idea which came from developing custom classes to use to alternate the position of the block on the desktop from left to right.

It ended up being developed into this custom page builder module with simple img and text areas with an align left or right button.

These will stack on top of each other on mobile with the img on top for consistency.

The Details

This module is mainly based on HTML & Less with the minimum amount of JavaScript, which is fully responsive from mobile to desktop.

The JavaScript used is native JavaScript and not jQuery and will be removed later on to use templates instead of JavaScript.

Admin view of the two columns with the desktop order module.

Lets Work Together.

Like my work and are interested in working together? Get in touch so we can discuss your requirements.

Get in touch.