Introducing UB Page Builder Extras Module – Beta Release

I am sure we’re all excited about the Magento Page Builder extension. It helps create content by dragging-and-dropping pre-built controls fast and easy, managing shop content with ease for rich shopping experiences.

We want to make the shopping experience, managing the shop content even better and easier for the shop owners with our new module for the Magento 2 Page Builder, we call it:
UB Page Builder Extras Module.

Introducing UB Page Builder Extras Module

In short, UB Page Builder Extras makes it easy to create custom content types that enhance your pages using Magento Page Builder.

The Magento Module inherits all core features of Magento page builder, extend the core content types such as products list with more advanced features to build tailored content with personalized experiences for your ecommerce site.

The configuration is easy with the click of a button, with no coding required.

Product features in details

1. UB Product: shows products list in smart layouts

Show your product list in smart layouts, beautiful design to engage your shop audience and maximize the conversion.

Multiple appreances (layouts)

Multiple product styles

Multiple featured product styles

Carousel option for all appearances

Multiple countdown timer styles

Options to configure the style and layout:

• Easy to set number of products to show in a row on each viewport/breakpoint (Desktop, Tablet, Mobile)
• Product’s thumbnail size setting
• Featured product settings
• On/off product elements: Title, Reviews, Prices, Swatches, Add to cart, Add to compare, Add to wishlist

Appearance settings:

UB Product supports multiple layouts, simply select a layout in the setting panel. In the Beta version, we support 2 appearances, more to come in an upcoming version.

Product style setting

3 styles in Beta version, more to come in stable version.

The product style setting includes options to On/off product elements: Title, Reviews, Prices, swatches, add to cart, add to compare, add to wishlist buttons

Hover the style to view the product thumbnail image.

Featured product style settings

In one product listing section, you can set a product as the featured item with different style from the normal products listing.

3 styles in Beta version, more to come in stable version.

Hover a style to view the product thumbnail.

Countdown timer settings

Carousel support

Responsive support

2. Margin, padding settings for responsive layouts

Magento 2 Page Builder core: Most of the core content types do not support margin and padding on tablet and mobile layouts.

UB Page Builder Extras: Add settings for padding and margin on different viewports: Desktop, Tablet, Mobile.

The feature is applied for following core content types:

• Row
• Column
• Slider and Slide
• Banner
• Block
• Buttons and Button Item
• Image
• Heading
• Map
• Tabs and Tab item
• Text
• Video

3. Viewports/Breakpoints

Magento 2 page builder core supports configuring elements in 2 view ports: Desktop and Mobile

UB Page Builder extras module: extends to enable one more important viewport -- Tablet to configure settings for tablet layout.

Mobile

• Type: Inherit
• BreakPoint: Min = 640px > Max = 767px
• Fixed in code for screen < 640px

Tablet -- extended in UB Page Builder Extras Module

• Type: Customized
• BreakPoint: Min = 768px > Max = 1023px
• Details: Enable ‘Tablet’ Viewport in Breakpoints switcher.

Desktop

• Type: Inherit
• BreakPoint: Min = 1024px

4. More content types to be supported (in our roadmap)

• UB Hotspot: to create hotspot content blocks with highlight information on banner image (product image).
• Heading: supports multiple header styles, allow create sub-heading
• And more

---

Back-end demo:

Access back-end demo: Click here
Username: pagebuilder
Password: pagebuilder@123

Quick install instruction:

1.Prerequisites:

UB Page Builder Extras is native with Magento 2.4.3 and later. Please make sure your system meets the Magento 2 System requirements: here.

2. Manual Installation Steps:

NOTE: If your deploy mode is production, you need to switch to Developer mode first (optional). Open your Terminal window, go to Magento 2 directory and run the command below:

php -f bin/magento deploy:mode:set developer

Step 1. Unzip the download package somewhere on your local PC. Then copy the ‘app’ directory and paste (with merge) into root directory of your Magento 2

Step 2. Open your terminal and go to the Magento directory. In this directory, run the following commands:

php -f bin/magento module:enable Ubertheme_PageBuilderExtras
php -f bin/magento setup:upgrade
php -f bin/magento setup:di:compile

Once you finish the last command, you have the UB PageBuiler Extras module installed and ready for your use.

---

Roadmap and stable version release schedule

At this stage, the team is still focusing on the development for the extension core features, so there is no fixed date for the stable release and product pricing yet.

Product feature roadmap:

1. UB Products

• Improve UI for the admin form for more visual and friendly.
• Support more appearances (layouts), product styles, and featured product styles.
• Options to on/off product elements: category, countdown, short description (plus description length limitation).

2. Heading:

Magento 2 Page Builder: In the core Page Builder > Heading content type only supports standard options and does not support settings for margin, padding on Tablet and Mobile viewports.

UB Page Builder Extras module: Add more advanced controls option for the core Heading content type including:

• Supports multiple header styles for users to select
• Allow create sub-heading
• Add settings for padding, margin, min-height on different viewports: Desktop, Tablet, Mobile
• and more…

3. UB Hotspot

To create hotspot content blocks with highlight information on banner image (product image).

4. And there would be more. We are working on the plan.

You can request content type and feature in our forum

Request feature and content type