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 7,986
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

Comments (27)

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

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    Dmitry Goncharov
This comment was minimized by the moderator on the site

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
This comment was minimized by the moderator on the site

Does it support Font Awesome 5 Pro?

Paul Frankowski
Paul Frankowski    Mo Ahmed
This comment was minimized by the moderator on the site

As you could read in the blog post, now we support only the Free version.

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

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    Alvaro
This comment was minimized by the moderator on the site

Thanks for your suggestion Alvaro, I've sent a reminder to the Dev team.

IM
Igors meko
This comment was minimized by the moderator on the site

Helix ultimate loads font awsome. So co you plan update helix ultimate too?

Paul Frankowski
Paul Frankowski    Igors meko
This comment was minimized by the moderator on the site

Yes, and it was even written inside the blog post in the Note! area.

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

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.

.sppb-addon-image-layout-content .sppb-btn-custom {display: none;}

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

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

https://i.ibb.co/zFh6zmz/2019-12-28-022028.jpg


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

https://i.ibb.co/N3c3Pw2/2019-12-28-024720.jpg

Kawshar Ahmed
Kawshar Ahmed    alekshavan
This comment was minimized by the moderator on the site

All templates need compatibility updates. We are working on the templates including Helix framework.

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

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.

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

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....

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.

Read More
Al Mamun
Al Mamun    alekshavan
This comment was minimized by the moderator on the site

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.

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

There may still be such compatibility issues with FontAwesome 4 and FontAwesome 5


 fa-youtube-play icon is not available in FontAwesome 5


https://i.ibb.co/BwjXwGs/2019-12-29-094752.jpg

Al Mamun
Al Mamun    alekshavan
This comment was minimized by the moderator on the site

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 check here you need to change the icon according to FontAwesome 5.

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

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.

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

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    alekshavan
This comment was minimized by the moderator on the site

In today's update we fixed missing icons in Personal addon.

CN
Chris Nichols
This comment was minimized by the moderator on the site

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    Chris Nichols
This comment was minimized by the moderator on the site

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
This comment was minimized by the moderator on the site

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    burn.hard
This comment was minimized by the moderator on the site

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. https://www.joomshaper.com/images/2019/12/20/sppb-366-configSet2.png

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

I do not see way to load FontAwesome 5 option (SP Page Builder 3.7.0.PRO):
https://sitte.pl/images/temp/Firefox_Screenshot_2020-03-19T13-11-44.408Z.png

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

Have same situation after upgrade to the latest version of sppb pro from 3.7.0 to 3.7.2

MP
Martin Petersen
This comment was minimized by the moderator on the site

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
This comment was minimized by the moderator on the site

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.

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.