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.

Uber magento page builder extras module beta release

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.

    magento page builder product list

    Product style setting

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

    magento page builder product styles

    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.

    magento page builder product styles

    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.

    magento page builder product styles

    Hover a style to view the product thumbnail.

    magento page builder featured product thumbnail

    Countdown timer settings

    magento page builder product countdown styles

    magento page builder product countdown setting

    Carousel support

    magento page builder product countdown setting

    Responsive support

    responsive magento page builder product listing module

    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

    magento page builder margin and padding settings for responsive layouts

    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

    Demo. Download. Install

    Note: This beta release is for testing only. Do not use it for production.

    Live Demo Free Download

    Back-end demo:

    Access back-end demo: Click here
    Username: pagebuilder
    Password: [email protected]

    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

    Written By

    Comments