SP Page Builder Gets WebP Support, Slideshow Video Background, 10 Blocks & More in v3.4.8 Pro - JoomShaper

SP Page Builder Gets WebP Support, Slideshow Video Background, 10 Blocks & More in v3.4.8 Pro

18 April 2019
Hits 11,345
6 min read
SP Page Builder Gets WebP Support, Slideshow Video Background, 10 Blocks & More in v3.4.8 Pro

SP Page Builder is one of the best drag and drop page composer tools in Joomla. It has been the pioneer in Joomla industry since its inception. It makes web development easier for any level of users. SP Page Builder serves a big goal- it makes the users happy. In today’s update, we are introducing a bunch of useful new features to comply with this very cause.

Let’s have a look at the changelog of SP Page Builder 3.4.8 Pro

  • New: 10 readymade video background slider blocks
  • New: WebP image file format support
  • New: Video background option added to Slideshow addon
  • New: Pause on hover option added to Slideshow addon
  • New: Background overlay option added to Slideshow addon
  • New: Post limit option added to Article Scroller addon 
  • Update: Turn Off Video Info option removed from Video addon 
  • Update: New streamlined system for Layout Bundles
  • Fix: Opt-in Form addon class not working in front-end edit issue
  • Fix: Form Builder addon not working inside module & article issue
  • Fix: Image Layouts addon double slash in image URL issue
  • Fix: Slideshow addon doesn’t show in IE11 issue
  • Fix: Image Overlay addon double slash in image URL issue
  • Fix: Tab addon empty span tag issue
  • Fix: Slideshow addon double slash in image URL issue
  • Fix: Contact Form addon not working inside module & article issue
  • Fix: Carousel Pro addon double slash in image URL issue

10 New Pre-designed Blocks

One of the main features of SP Page Builder is the readymade blocks. They provide elegant design solution instantly. In this update, you’ll have 10 new pre-designed blocks ready to use anytime you want. The blocks were made using Slideshow video backgrounds and can be found under Slideshow category. Browse to Blocks and choose Slideshow category to access these ready-made sections.

Update: SP Page Builder Pro 3.4.8 includes WebP support, ready blocks and more

You may have probably noticed that we made a few changes to our website design and that includes SP Page Builder as well. We have added a new page to showcase all the ready blocks of SP Page Builder. You can head over to this page to browse all of them and mostly keep an eye out to discover brand new blocks regularly. 

WebP Image Support

Good news for those who are concerned about image file size. We are providing global support for the WebP image format. This file format is really efficient for getting a faster and SEO friendly website. According to Google when compared to PNGs, WebP lossless images are 26% smaller in size and 25-34% compared to JPEG images (lossy). In order to use this file format, you need to have WebP format support in your GD library. In case you don’t, you need to contact your hosting provider to get the support.

WebP was designed by Google for use in Google Chrome, also Firefox, Opera, Edge, Android Browser. Unfortunately, WebP is not supported in Apple's Safari web browser. Why? Ask Apple.

New Features in Slideshow Addon

This update also adds some amazing features to the Slideshow addon. Alongside image backgrounds, you can now use videos as slider backgrounds. YouTube, Vimeo, and local videos are currently available for this feature. You can also control video sound in this new feature. The settings are available under Slider Item > Video Background

Update: SP Page Builder Pro 3.4.8 includes WebP support, ready blocks and more

With this new video background feature, we have introduced Pause On Hover option. If a video is set to autoplay, you can turn on Pause On Hover feature from Slider Global Option.

Update: SP Page Builder Pro 3.4.8 includes WebP support, ready blocks and more

You can make the design of your slideshow a bit more interesting by applying an overlay effect to the background. Opportunity to use both color and gradient overlay is available. You can access this feature from Slider Item > Color Overlay.

Update: SP Page Builder Pro 3.4.8 includes WebP support, ready blocks and more

Limit Articles in Article Scroller

The Article Scroller addon has got a little tweak as well, up until this update there was no option for limiting how many articles you want to show using the addon. With today's release you can limit the number of articles to show even from multiple categories. Using this feature you can specify which articles you want to show giving you the complete control over the addon. 

New System for Layout Bundles

In the new SP Page Builder, we’ve also launched a robust new system for the Layout Bundles you all love. Yes, I’m talking about the one-click SP Page Builder Layout Bundles. Importing and navigating across the Layout Bundles got a great new experience.

In the new Layout Bundle system design, you get a more streamlined user interface to browse and import the Layout Bundles.

Update: SP Page Builder Pro 3.4.8 includes WebP support, ready blocks and more

You can explore the bundles in more detail and import layouts faster than before.

Update: SP Page Builder Pro 3.4.8 includes WebP support, ready blocks and more

We’ve also introduced a new LIVE DEMO showcasing environment for the Layout Bundles with a convenient navigation experience. You can visit this link and explore all the beautiful Layout Bundles from a centralized place with instant filtering and preview.

SP Page Builder Gets WebP Support, Slideshow Video Background, 10 Blocks & More in v3.4.8 Pro

We will be releasing more and more new Layout Bundles for SP Page Builder in the coming days. Stay tuned!

Fixes Brought by Today's Update

With our limitation to the Internet Explorer browser, so far we were unable to show the Slideshow addon at all on IE. In this update we have made it possible to show the addon on IE11. But as always, we advise using Microsoft Edge browser instead of IE. We have also fixed addon not working inside modal issue for Contact and Opt-in Form addons.

Another notable change worth mentioning in this update is, Google has made the showinfo parameter deprecated so we can no longer provide the YouTube video info on/off functionality in the Video addon, hence the feature has been removed.

We are thrilled to release yet another SP Page Builder update for you. We’re sure this will add more diversity to your web developing options. If you have got any suggestions for us or would like to have a feature in SP Page Builder, let us know your thoughts in the comments below. Thanks for being with JoomShaper.

Remember to take a full website backup before updating SP Page Builder.

Try SP Page Builder for FREE!    Get SP Page Builder Pro Rate on JED

Comments (45)

michcio29
michcio29
This comment was minimized by the moderator on the site

Excellently!

Paul Frankowski
Paul Frankowski    michcio29
This comment was minimized by the moderator on the site

Thanks, you're welcome. We are so happy of your happiness.

YS
YUMA SCOTT
This comment was minimized by the moderator on the site

Excellent!

Paul Frankowski
Paul Frankowski    YUMA SCOTT
This comment was minimized by the moderator on the site

Thanks a lot

M
manager777ilya
This comment was minimized by the moderator on the site

Hello. And how exactly is webp support implemented? Will jpeg files be converted? or simply added the ability to insert webp through addons

Paul Frankowski
Paul Frankowski    manager777ilya
This comment was minimized by the moderator on the site

First your hosting must support webd files, install extra library. Link: https://www.php.net/manual/en/image.installation.php

Second, you can use this type of images in all addons where Media option is available. Just upload and choose. Instead of jpg or png. Unfortunately, there is no converter in the current version.

W
webfeuerflo    Paul Frankowski
This comment was minimized by the moderator on the site

Is there a fallback for browsers not supporting webP?

chierasr
chierasr
This comment was minimized by the moderator on the site

Is there any step by step of how to add webp features? As i add in midia legacy extensions files but not appear as a support format for sppb midia manager

if can add an step by step of how to apply in joomla its great

Paul Frankowski
Paul Frankowski    chierasr
This comment was minimized by the moderator on the site

Thanks, read my answer above.

chierasr
chierasr    Paul Frankowski
This comment was minimized by the moderator on the site

Thanks Paul
also notice that the new slideshow blocks loose part of their css when sppb is with production mode set to yes (only appear ok on front end edit mode) - at least on my demo website. I turn off production mode and appear ok in botth
On my installation

in other note i found WebPonize as webp converter for jpg and png in mac osx

B
Behrouz
This comment was minimized by the moderator on the site

I checked "demo mode".It would be nice if you add option/feature for "disabling mouse hover on slideshow" in other Not to change image.So visitors only can click on "Arrow Controller" or "Bullet Controller".

Saifur Rahman
Saifur Rahman    Behrouz
This comment was minimized by the moderator on the site

I did not quite get you but I will surely convey your message to the team.

Funke
Funke
This comment was minimized by the moderator on the site

I called it Easter egg

Paul Frankowski
Paul Frankowski    Funke
This comment was minimized by the moderator on the site

I hope it's in positive way

H
Heviland
This comment was minimized by the moderator on the site

GREAT !!!

Paul Frankowski
Paul Frankowski    Heviland
This comment was minimized by the moderator on the site

Thanks a lot.

Dmitry Goncharov
Dmitry Goncharov
This comment was minimized by the moderator on the site

And after you removed the hover from the background, why the pause is stored? The idea of the slides needs to begin to continue to scroll left or right?

Al Mamun
Al Mamun    Dmitry Goncharov
This comment was minimized by the moderator on the site

Pause not stored you need to wait to finish slider duration then it will slide automatically.

J
Joy
This comment was minimized by the moderator on the site

please include easy custom font installation

Pavel
Pavel    Joy
This comment was minimized by the moderator on the site

Yes, that would be a great feature.

Paul Frankowski
Paul Frankowski    Joy
This comment was minimized by the moderator on the site

In general it's question for template feature, SPPB is just component inside template

U
Umhlanga    Paul Frankowski
This comment was minimized by the moderator on the site

Please can you elaborate on how to add a custom .ttf font (not a google font to a Joomshaper template?

Paul Frankowski
Paul Frankowski    Umhlanga
This comment was minimized by the moderator on the site

It was described in Helix manual and here: https://www.youtube.com/watch?v=MfAIT8cMuv4

.ttf font is not recommended for web(!) - use .woff instead.

Pavel
Pavel
This comment was minimized by the moderator on the site

Great job. As always, you please us with new features. Thanks guys!

Paul Frankowski
Paul Frankowski    Pavel
This comment was minimized by the moderator on the site

Thanks for feedback, and BIG thanks for helping us with support from time to time

pepperstreet
pepperstreet
This comment was minimized by the moderator on the site

HAPPY EASTER WEEKEND from Germany!
Nice update, but I would prefer an easter % coupon ??

Paul Frankowski
Paul Frankowski    pepperstreet
This comment was minimized by the moderator on the site

Do you need to renew something?

pepperstreet
pepperstreet    Paul Frankowski
This comment was minimized by the moderator on the site

I am pretty happy with a running PB subscription...
maybe I would renew my template subscription, just to be up-to-date.
Actually, I do not use club templates. Just for inspiration or technical reference. From time to time I renew... mostly with special coupons.

Paul Frankowski
Paul Frankowski    pepperstreet
This comment was minimized by the moderator on the site

If you need discount coupon let me know, just send PM. I will find something for you.

W
WE-ESVA
This comment was minimized by the moderator on the site

Thanks to the developers that listen to our wishes! Thank you support for your patience and great help!

Paul Frankowski
Paul Frankowski    WE-ESVA
This comment was minimized by the moderator on the site

Thanks a lot.

A
archishop
This comment was minimized by the moderator on the site

many compliments and many many thanks for Your powerful update and Your creativity ! A M A Z I N G !!!

Paul Frankowski
Paul Frankowski    archishop
This comment was minimized by the moderator on the site

Thanks a lot. I hope the upcoming version would be even better.

MS
MARCO SOTOMAYOR
This comment was minimized by the moderator on the site

very well!
but it would also be nice to improve sliders of images with text and display in 1,2,3 and 4 columns and allow you to make a link #

AE
Andre Eilertsen
This comment was minimized by the moderator on the site

Is there a fallback for browsers not supporting webP?

G
ghost999sk    Andre Eilertsen
This comment was minimized by the moderator on the site

This is also my question. Apple's Safari is not major browser, but Iphone users - we have many of them. I know this is like Internet Explorer fallback. So what is proposed solution? I really want to use webp but not to sacrifice all Iphone users.

Paul Frankowski
Paul Frankowski    ghost999sk
This comment was minimized by the moderator on the site

In official Apple support forum there is post from Jan 2019: https://discussions.apple.com/thread/250073758
The answer is always this same (in many topics there) - if it wasn't created by Apple is BAD.
We can have only hope, that in people can force them to support it somehow.

Paul Frankowski
Paul Frankowski    Andre Eilertsen
This comment was minimized by the moderator on the site
A
AlexSFx    Paul Frankowski
This comment was minimized by the moderator on the site

That is why ghost999sk Andre Eilertsen asks:
It is possible for browsers that do not support the "webP" to upload to the site page "http://image.jpg/png" ?

array = "bad browser"
if (!= the value of the array), then output "webP"
Else - display "http://image.jpg/png"
Also in the admin panel, two fields are required to select images. one for "webP" and the second for "http://image.jpg/png"

Without such functionality, using the "webP" will bring more harm to the site than good.

Paul Frankowski
Paul Frankowski    AlexSFx
This comment was minimized by the moderator on the site

Noted and redirected to the developer already.

antsites
antsites
This comment was minimized by the moderator on the site

Hi! How to edit column options if I have the sp page builder module? Now it's manages only from frontend! I can not edit some columns and other options, that ware be...

Saifur Rahman
Saifur Rahman    antsites
This comment was minimized by the moderator on the site

For the time being the module editing feature is only available on the frontend. We are working on making it available for the backend too. But if you really need to use it, you can use an older version of SP Page Builder for now.

antsites
antsites    Saifur Rahman
This comment was minimized by the moderator on the site

Paul Frankowski
Paul Frankowski    antsites
This comment was minimized by the moderator on the site

But it will be fixed/improved in upcoming SPPB 3.5 - so wait with an update for next days.

masonjava
masonjava
This comment was minimized by the moderator on the site

great!

There are no comments posted here yet

Sign up for our newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.