Project Gallery Slider
Page Builder Module

This custom module was developed as an experiment on creating a fully CSS based slider for Adobe Commerce's Page Builder module to be fully responsive and slide with controls.

About Project

This was a personal project to create a custom Adobe Commerce Page Builder module which display a selection of projects and their details on a CSS based slider and fully responsive.

Was needed to have thee sections in the module which you can add an image, content and a button.

This module uses all base theme styles for the buttons and content.

The Details

The module turned out to be mainly based on HTML & Less and with no Javascript or jQuery which was the main aim to reduce dependencies on other languages and is fully responsive.

Also this module was required to work not only on the Luma/Blank theme but to work with Swissup Labs Breeze Javascript framework, soon will be updated to work with Hyvä themes.

Note: This module is used on this site on the Homepage "Projects Slider" and looks like the above images.

Adobe Commerce, Magento 2 | PHP, XML, Javascript, HTML & Less.

Mobile view

Project Gallery Slider Page Builder Module mobile view.Project Gallery Slider Page Builder Module mobile view.

Tablet & Desktop View

Project Gallery Slider Page Builder Module tablet and desktop view.Project Gallery Slider Page Builder Module tablet and desktop view.