Update: SP Page Builder v3.6.6 armed with Font Awesome 5 - JoomShaper

Update: SP Page Builder v3.6.6 armed with Font Awesome 5

27 December 2019
Hits 11,549
3 min read
Update: SP Page Builder v3.6.6 armed with Font Awesome 5

Since you’re in the web development industry, you’ve definitely heard about Font Awesome. It’s insanely popular because of the revolutionary new way it introduces Icons. It’s super lightweight and the file size is even smaller than SVGs. Why are we excited about Font Awesome? Because in today’s update of SP Page Builder (in both lite and pro) you get the latest Font Awesome 5 icon library.

Icons have a very fundamental role in web projects, they add visual meaning to website elements. Using icon fonts like Font Awesome gives you a freedom in using icons wherever you want without breaking the design. You also get the liberty to customize the icon the way you want to.

What’s new in Font Awesome 5?

Font Awesome brought radical improvement to its existing Font Awesome 4 library. The font collection is vastly rich. The style of the icons is slightly different and improved. The class names are changed. Custom social icons are introduced to give you styling freedom. Like in the case of icons used for Facebook it’s ‘fab’. Additionally, the quality of the icons has been drastically improved.

You get 880+ more icons compared to Font Awesome 4.7

What it means to SP Page Builder?

Who doesn’t love Font Awesome 5! The users of SP Page Builder surely do. We have provided full support for both Font Awesome 4 and 5. You have the freedom to define which version of Font Awesome you want to use. You can configure the default setting by either going to SP Page Builder > Option > Options (tab). Or, System > Global Configuration > SP Page Builder > Options (tab).

Then, set Load FontAwesome to “Yes” and select your desired version from “Select FontAwesome Version”.

Update: SP Page Builder v3.6.6 armed with Font Awesome 5
Note: Users can use the Free version of Font Awesome 5

For the time being, we are providing support for the free version Font Awesome 5 only. The users of SP Page Builder 3.x needs to configure Font Awesome 5 from the Global Configuration settings after updating. In the event of new installations, Font Awesome 5 will be configured by default.

All Font Awesome 4 icons will automatically be updated to Font Awesome 5

Let’s have a look at the full changelog of SP Page Builder v3.6.6

  • New: Introduced Font Awesome 5
  • Update: Font Awesome added to the Module page
  • Fix: Contact Form and Form Builder addon email not sending issue
  • Fix: Contact Form and Form Builder addon not working in accordion and tab issue
  • Fix: Automatic scrolling issue in the Accordion addon
  • Fix: Module Title font family issue (Lite)

Note: The Font Awesome 5 support may not work properly with a few of Helix Framework based templates. We will update the Helix Framework ASAP.

Few improvements along the way

As with every update, we try to introduce new features and fixes. We have addressed a few known issues in today’s update as well. The Contact Form and Form Builder addons sometimes raised an error in sending mails while caching was turned on. We have provided a quick fix for the issue.

We end this year by bringing you the exciting Font Awesome 5 support to SP Page Builder. Looking forward to 2020, we hope to bring some revolutionary new features to your favorite Joomla page building tool. We are lucky to have users like you who are constantly rooting for making SP Page Builder the best of its kind. We are truly humbled to have such a kind user base.

Great things are in the making. Here’s to an even better 2020 ?

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

Dmitry Goncharov
Dmitry Goncharov
4 years ago
You're good friends. Undoubtedly the introduction of FA 5 is a good idea. But so many different vital things are not implemented in SPPB. For example, when you click on a link, a feedback form made using the form designer POPs up. This is a very necessary feature, the absence of which negates the use of the form Builder add-on. You have to use third-party extensions. Sadly.
Saifur Rahman
Saifur Rahman
4 years ago
That sounds like a really good idea. I'll convey your message and put it in the features list. Let's see what the developers think.
Mo Ahmed
Mo Ahmed
4 years ago
Does it support Font Awesome 5 Pro?
Paul Frankowski
Paul Frankowski
4 years ago
As you could read in the blog post, now we support only the Free version.
A
Alvaro
4 years ago
They must create an option for us to add and select other icon fonts, and this must be selected from the Addons because FontAwesome is often combined with other fonts. I have requested it more than 1 year ago ...
Saifur Rahman
Saifur Rahman
4 years ago
Thanks for your suggestion Alvaro, I've sent a reminder to the Dev team.
IM
Igors meko
4 years ago
Helix ultimate loads font awsome. So co you plan update helix ultimate too?
Paul Frankowski
Paul Frankowski
4 years ago
Yes, and it was even written inside the blog post in the Note! area.
Paul Frankowski
Paul Frankowski
4 years ago
BTW
If after an update you saw an empty button inside Image Layout addon, please:
1) take this file site/addons\image_layouts\site.php from old version 3.6.5
and replace here: components\com_sppagebuilder\addons\image_layouts\site.php

OR
use below custom CSS to hide. It will be fixed in the next update. Sorry.
[code].sppb-addon-image-layout-content .sppb-btn-custom {display: none;}[/code]
alexhovan
alexhovan
4 years ago

Icon Display Problem. Addon - Person. Tested in two templates astroid_template and Protostar

[url=https://ibb.co/RNpjqgq][img]https://i.ibb.co/zFh6zmz/2019-12-28-022028.jpg[/img][/url]


Icon Display Problem. There is no icon on the disabled line. In the page editor

[url=https://ibb.co/b3c3Zp5][img]https://i.ibb.co/N3c3Pw2/2019-12-28-024720.jpg[/img][/url]
Kawshar Ahmed
Kawshar Ahmed
4 years ago
All templates need compatibility updates. We are working on the templates including Helix framework.
Paul Frankowski
Paul Frankowski
4 years ago
I made tests on Helix Ultimate, SPPB 3.6.6, FontAwesome 5 set, and Social Icons were displayed in 3 default styles. But I can confirm icons are not displayed for those two templates.
alexhovan
alexhovan
4 years ago
Until then, as you updated, SPPB had FontAwesome 4. I had problems in the external interface. Because the Astroid Framework had FontAwesome 5. Now the situation is different. Now there are problems, but to solve them you have to edit the old pages where there are icons. It is necessary to add icons in a new way. But icon problems in the SPPB page editor, possibly the reason for Isis is the control panel template. But the problem is in some SPPB add-ons, then you need to deal with this. Because I have Astroid_Framework_Template, it has FontAwesome 5. That's what you need to solve. Apparently, the values ​​for the icons in the entries of these extensions are not updated and they can not catch FontAwesome 5.
Al Mamun
Al Mamun
4 years ago
If you saw blank box, that means there is other extension which loading FontAwesome 4 but you loaded FontAwesome 5 from Page Builder. They are conflicting.
alexhovan
alexhovan
4 years ago
There may still be such compatibility issues with FontAwesome 4 and FontAwesome 5
[code type="xml"]
fa-youtube-play icon is not available in FontAwesome 5[/code]

[url=https://ibb.co/mStLS0z][img]https://i.ibb.co/BwjXwGs/2019-12-29-094752.jpg[/img][/url]
Al Mamun
Al Mamun
4 years ago
This is not compatible issue. If the icon not exist so we showing that message so that you can change that icon according FontAwesome version. "fa-youtube-play" not in FontAwesome 5 [url="https://fontawesome.com/icons?d=gallery&q=youtube&m=free"]check here[/url] you need to change the icon according to FontAwesome 5.
Paul Frankowski
Paul Frankowski
4 years ago
It's FontAwesome developer idea to change names, that's why compatibility between them is not perfect. And you have to replace some icons using FA5 names only.
alexhovan
alexhovan
4 years ago
I know what needs to be changed. Read my posts above. But there are SPPB add-ons, such as Person-Add-ons. There is no choice of icon, only social links are added there. Accordingly, the problem is in the files of the add-on-Person. Did not change FA4 icon names to FA5 in files
Paul Frankowski
Paul Frankowski
4 years ago
In today's update we fixed missing icons in Personal addon.
CN
Chris Nichols
4 years ago
Thanks for the 3.6.7 update, that was fast work, and I can confirm it has fixed the little green button issue.
Saifur Rahman
Saifur Rahman
4 years ago
Thanks for the confirmation Chris. One of our New Year Resolution is to provide possibly the best customer service on the planet.
burn.hard
burn.hard
4 years ago
Still having issues with Fontawesome 5 on SPPB 3.6.7. In frontend editing view if you have two different versions of "fa fa-phone" on one page it only shows one, and this is the bigger one in my case.
Saifur Rahman
Saifur Rahman
4 years ago
Hi Bernhard, you need to use either FA 4 or FA 5 on your site, you cannot use both. You'll need to configure the setting from here. [img]https://www.joomshaper.com/images/2019/12/20/sppb-366-configSet2.png[/img]
sitte
sitte
4 years ago
I do not see way to load FontAwesome 5 option (SP Page Builder 3.7.0.PRO):
[img]https://sitte.pl/images/temp/Firefox_Screenshot_2020-03-19T13-11-44.408Z.png[/img]
chierasr
chierasr
4 years ago
Have same situation after upgrade to the latest version of sppb pro from 3.7.0 to 3.7.2
MP
Martin Petersen
4 years ago
I can't select the FontAwesome version either (but I can enable Load FontAwesome).
No icons are showing on my site.

I'm on PRO 3.7.2
M
manager777ilya
4 years ago
No compatibility. I had 4 version of the icons. Now I upgraded to PRO 3.7.2 and the icons do not appear. There is also no choice of version of the icons in the settings.

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.