T4 Not Loading Icomoon Joomla Icon Library CSS file

joecan

I started using Engage Box by Tassos Marinos for (1) Age Verification, (2) Cookie Policy, and (3) Mail Chimp Subscription popups. However, when adding icons to the buttons the following happens:

The icons DO WORK when in Testing Mode
The icons DO NOT WORK when in Normal Mode

I submitted a bug support request and received the following responce from Tassos:

You may need to contact your template developer to include the icomoon CSS file within the front-end or add this into your template so you wont need to re-add it in all your popups that you have icons.

Currently, the solution to the problem was to add the following PHP snippet to my 'Age Verification' popup:

JFactory::getDocument()->addStylesheet(JUri::root(true) . '/plugins/system/t4/themes/base/vendors/icomoon/css/icomoon.css');

I am thinking there must be a switch to TURN ON and TURN OFF the Joomla Icomoon CSS file?

saguaros

joecan

Yes, you can enable to load iconmon in template >> Global settings >> Addons:

joecan

I confirmed that the "font iconmoon is enabled; however, the icons are still not appearing.

saguaros

joecan Could you share the URL of page where I can see this issue?

joecan

The URL is on the website's offline homepage listed in the Private Fields on the first post.

Might need to clear your cache if you select an option.

Here is an image showing the location of the missing icons.

Image:

The icons do work when the following code is added to the popup:

JFactory::getDocument()->addStylesheet(JUri::root(true) . '/plugins/system/t4/themes/base/vendors/icomoon/css/icomoon.css');

saguaros

joecan It turns out that you're referring to the offline page, this is special page in Joomla and each template has special style for it.

For now, pls add the code to the popup as you mentioned above 🙂

joecan

Understood.