fullstackfreelancer / faicon
Provides Font Awesome Icons for the TYPO3 page settings in the backend, and Icons for the Bootstrap Package in the frontend.
Fund package maintenance!
Paypal
Installs: 66
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Language:SCSS
Type:typo3-cms-extension
Requires
- typo3/cms-core: ^12.4.0 || ^13.4
Replaces
- simonkoehler/ce-timeline: 3.0.1
This package is auto-updated.
Last update: 2025-05-06 01:58:29 UTC
README
What is Font Awesome Icon (faicon) for TYPO3?
Faicon provides the latest version of FontAwesome for your TYPO3 project, including icon files and CSS. If you install this extension, you no longer need a CDN link to use FontAwesome (free web). Faicon provides a new field in the page properties where you can assign a FontAwesome icon to your page via a dropdown menu. You can then use the icon in your Fluid template or menu in various ways. Read on to learn how.
Features
- Supports TYPO3 Version 12.4 to 13.4.9
- Adds a new field to the page properties that allows editors to select a FontAwesome Icon from a list
- Current version of Font Awesome: 6.7.2
Installation
Install the extension by downloading it in the extension manager or on https://extensions.typo3.org/extension/faicon/.
Basic configuration
You can integrate the configuration into your website in two ways:
- Via the site settings for the entire site
- Via a template record for specific subpages
Example Usage in your Fluid-Templates
Example of using the icon field in a menu. (Assuming your menu entry has the variable name "{menu}")
<a class="nav-link"> <f:if condition="{menu.data.tx_faicon_icon}"> <i class="{menu.data.tx_faicon_icon}"></i> </f:if> {menu.title} </a>
Support Development
I believe in the power of open source and free software. I also believe in you and your projects. If you like my work and you want to ensure further development, please support it here:
Support & Service
If you have any issues with the extension, please let me know! Don't hesitate to send a message: https://kohlercode.com/contact