t3brightside / awesomeicons

TYPO3 extension adding Font Awesome icon tabs for content and pages.

Awesome Icons

TYPO3 CMS extension for Font Awesome icons

Adds Icon tab for content elements and pages.

System requirements

• TYPO3 9.5 – 10.4 LTS

Features

• Icon tab for pages, content elements and system categories
• Icon search by keyword
• Show active icon
• Manually write icon code

Installation

• From TER: awesomeicons, or composer: t3brightside/awesomeicons
• Include static template if Font Awesome is not loaded in your system.
• Change template constant to include CSS from local source. CDN version is used by default.
• Check extension configuration for disabling icon tabs or enabling only for certain content types.

Usage

• No front end rendering included. This you have to do in your own templates.
• Use tx_awesomeicons_icon field from tt_content and pages tables in your templates.

Example This could be your menu item:

<f:for each="{menuMain}" as="menuItem">
    <li class="{f:if(condition:menuItem.active, then:'act')}">
        <f:link.page pageUid="{menuItem.data.uid}" class="{f:if(condition:menuItem.active, then:'act')}">
            <f:if condition="{menuItem.data.tx_awesomeicons_icon}">
                <i class="{menuItem.data.tx_awesomeicons_icon}"></i>
            </f:if>
            {menuItem.title}
        </f:link.page>
    </li>
</f:for>

Sources

• GitHub
• Packagist
• TER

Development and maintenance

Brightside OÜ – TYPO3 development and hosting specialised web agency

Thanks!

This extension uses quite a bit of code from Icon Content by Philipp Müller. Thank you Mr. Müller!