--- title: "Custom Quick Icons module" --- # Custom Quick Icons module ## Install the module Before installation please check that the below system requirements are met. You can ask your webhoster if the server you are working on supports them. You can also find the information in the Joomla! backend under System > System information. ## General requirements - Joomla! 4.x or 5.x ## Preparations - Create a full backup of the website. You can use [Akeeba Backup](http://www.akeeba.com) to create a quick one - Upgrade to the latest version of Joomla! ## Installation (upload & install) The installation of our extensions is done with the Joomla! installer. Anyone that is already using Joomla! shouldn't have any problem, for those that are somewhat new in Joomla! we'll explain the steps required to make the installation of the extensions in your website. 1) After downloading the installation file from our website, go to your Joomla! administration and go to **System > Install > Extensions** ![install 01](https://www.joomill-extensions.com/images/documentation/general/install-01.jpg) 2) Then select the file in the tab **Upload Package File**, after a few moments you'll get a message saying the extension is installed. ![install 02](https://www.joomill-extensions.com/images/documentation/general/install-02.jpg) 3) The module needs to be published manually. Go to **Content**» **Administrator Modules,**find the Custom Quick Icons module and see if the module is set to **Published**. Now you're ready to start using our extension! ## Installation (Install from web) 1) Go to your Joomla! administration and go to **System > Install > Extensions**and select the**Install from Web**tab Search for **Joomill** to find my extensions  ![install from web](https://www.joomill-extensions.com/images/documentation/general/install-from-web.png)   [Lees meer...](https://www.joomill-extensions.com/custom-quick-icons-module/install-the-module.md) ## Publish the module When you install the module, you need to publish this module manually. In the next steps, we'll explain how to do this. Go to **Content > Administrator modules** ![publish 01](https://www.joomill-extensions.com/images/documentation/general/publish-01.jpg) **Find and Select** the Reset Hits module. Select the moduleposition **icon**or**cpanel**and set status to **published**. ![reset hits publish 02](https://www.joomill-extensions.com/images/documentation/general/publish-02.jpg) [Lees meer...](https://www.joomill-extensions.com/custom-quick-icons-module/publish-the-module.md) ## FontAwesome Icons (Joomla 4) You can choose any FontAwesome version 5 icon you like. Find your icon at: [https://fontawesome.com/v5/search?m=free​](https://fontawesome.com/v5/search?m=free​) After you have found the icon you should copy the icon-class. ![FontAwesome j4](https://www.joomill-extensions.com/images/documentation/quickicons/FontAwesome-j4.jpg) And paste the icon-class in the module ![FontAwesome field j4](https://www.joomill-extensions.com/images/documentation/quickicons/FontAwesome-field-j4.jpg) [Lees meer...](https://www.joomill-extensions.com/custom-quick-icons-module/fontawesome-icons-joomla-4.md) ## FontAwesome Icons (Joomla 5) In Joomla 5 version of the Custom Quick Icons module you can select a FontAwesome version 6 icon with the modal iconpicker.   (When no icon is selected, the Joomla logo will be displayed as default)   Click on the "Select Icon" button. ![FontAwesome6 button](https://www.joomill-extensions.com/images/documentation/quickicons/FontAwesome6-button.png) Then a modal popup will open with all icons. (on top of the popup you can search for a specific icon and you can see which version of FontAwesome is used)   ![FontAwesome6 iconpicker](https://www.joomill-extensions.com/images/documentation/quickicons/FontAwesome6-iconpicker.png)   Click on an icon to select and close the popup. [Lees meer...](https://www.joomill-extensions.com/custom-quick-icons-module/fontawesome-icons-joomla-5.md) ## Default Quick Icons With the Custom Quick icons module you can also add the Quick Icons from the Default Quick Icons module. The settings are the same but at the bottom i have added a Redirects button, so you can easily view and add redirects to your website. ![Default Quick icons](https://www.joomill-extensions.com/images/documentation/quickicons/Default_Quick_icons.jpg) In the controlpanel this settings will look like: ![Default Quick icons Preview](https://www.joomill-extensions.com/images/documentation/quickicons/Default_Quick_icons_Preview.jpg) [Lees meer...](https://www.joomill-extensions.com/custom-quick-icons-module/default-quick-icons.md) ## Display Robots Status When you develop your website online you could add a robots.txt setting to your Joomla website to no index this website in the search engines. You are not the first person who forgot to change this setting when you copy the website to the live-environment and the new website won't be indexed, looses traffic, etc. To avoid this problem i have added a setting which warns you when the website has a no-index or no-follow status. ![Robots Setting](https://www.joomill-extensions.com/images/documentation/quickicons/Robots_Setting.jpg) You can choose: Show Icon (or only show an icon on no-index or no-follow) or show a message on no-index or no-follow. **Icons:** ![Robots Green](https://www.joomill-extensions.com/images/documentation/quickicons/Robots_Green.jpg) ![Robots Red](https://www.joomill-extensions.com/images/documentation/quickicons/Robots_Red.jpg) **Message:** ![Robots Message](https://www.joomill-extensions.com/images/documentation/quickicons/Robots_Message.jpg) [Lees meer...](https://www.joomill-extensions.com/custom-quick-icons-module/display-robots-status.md) ## Single Article You can add a link to any single article, so you can edit it directly. ![Single Article](https://www.joomill-extensions.com/images/documentation/quickicons/Single_Article.jpg) Click on the Green + icon to add another icon. Click on the Red - icon to remove the icon. Click and hold the blue arrow-icon on the left to move the icon to another position. **Options** | | | | --- | --- | | Article | Choose an article from the list of articles | | Icon | Choose an Icon | | Return URL | After you save the article, the page usually goes to the list of articles. But you can also choose a custom URL like the URL of the controlpanel. | [Lees meer...](https://www.joomill-extensions.com/custom-quick-icons-module/single-article.md) ## Articles / Categories You can add a link to any list of multiple articles. ![Single Article](https://www.joomill-extensions.com/images/documentation/quickicons/articles-categories.png) Click on the Green + icon to add another icon. Click on the Red - icon to remove the icon. Click and hold the blue arrow-icon on the left to move the icon to another position. **Options** | | | | --- | --- | | Name | Enter a name which will be displayed in the Quick Icon (When you leave it empty, it shows all articles or the name of the category by default) | | Icon | Choose an Icon | | Category | Choose a Category from a list of all content categories | | Author | Choose an Author from a list of all users. There is also an option to view the articles of the **Current User**, so you have a list of "My Articles". | | Tags | Choose one or more Tags from a list of all tags | | Language | Choose a Language from a list of all installed languages. | | Search Query | In the Search Query you can enter a word and the list of articles will be filtered by that word in the title. You can also create a Search Query like "content:hello" and all articles with the word "hello" anywhere in the content will be displayed. | [Lees meer...](https://www.joomill-extensions.com/custom-quick-icons-module/articles-categories.md) ## Single Module You can add a link to any single module, so you can edit it directly. ![Single Article](https://www.joomill-extensions.com/images/documentation/quickicons/Single_Module.jpg) Click on the Green + icon to add another icon. Click on the Red - icon to remove the icon. Click and hold the blue arrow-icon on the left to move the icon to another position. **Options** | | | | --- | --- | | Module | Choose an module from the list of modules | | Icon | Choose an Icon | | Return URL | After you save the module, the page usually goes to the list of modules. But you can also choose a custom URL like the URL of the controlpanel. | [Lees meer...](https://www.joomill-extensions.com/custom-quick-icons-module/single-module.md) ## Custom Quick icons You can add a link to any page with the Custom Quick Icons option ![Single Article](https://www.joomill-extensions.com/images/documentation/quickicons/Custom_Quick_Icon.jpg) Click on the Green + icon to add another icon. Click on the Red - icon to remove the icon. Click and hold the blue arrow-icon on the left to move the icon to another position. **Options** | | | | --- | --- | | Name | Choose a name | | Icon | Choose an Icon | | Link to Menu-item | Choose an Menu-item from the list of all installed components. When you would like to add a link to any other page. Select **Custom URL** and add a link below. | | Link | Add a link to any URL ![Custom Link](https://www.joomill-extensions.com/images/documentation/quickicons/Custom-Link.jpg) | | Add Link | Add a link to any URL, you can use this to quickly add an item ![Custom Link](https://www.joomill-extensions.com/images/documentation/quickicons/Custom-AddLink.jpg) | | Target | Select a Target (Open in current window or open in new window) | [Lees meer...](https://www.joomill-extensions.com/custom-quick-icons-module/custom-quick-icons.md) ## E-commerce Quick Icons When you have a E-commerce extension installed the Custom Quick icons module has some direct links to the most used pages. We support: - DJ-Catalog2 - EShop - HikaShop - J2Commerce - Joomshopping - Phoca Cart - Virtuemart [Lees meer...](https://www.joomill-extensions.com/custom-quick-icons-module/e-commerce-quick-icons.md) ## How to change the color? In the advanced tab you can choose the color of the icons ![icon color](https://www.joomill-extensions.com/images/documentation/quickicons/icon-color.jpg) It looks like this: ![icon color preview](https://www.joomill-extensions.com/images/documentation/quickicons/icon-color-preview.jpg) [Lees meer...](https://www.joomill-extensions.com/custom-quick-icons-module/how-to-change-the-color.md) ## Use FontAwesome PRO Since version 2.2 you can add your FontAwesome PRO Kit ID and load FontAwesome PRO Icons directly in the backend of your Joomla installation. (A valid FontAwesome PRO subscription is required). Find the Kit ID here: ![FontAwesome pro kitid](https://www.joomill-extensions.com/images/documentation/quickicons/FontAwesome-pro-kitid.png) And paste it in the **advanced tab** settings ![FontAwesome pro settings](https://www.joomill-extensions.com/images/documentation/quickicons/FontAwesome-pro-settings.png)   You can also select to use Javascript or CSS only Embed code. In the module you can now add your icon manually by typing (or editing) your favorite style after the Select Icon button. ![FontAwesome pro icons](https://www.joomill-extensions.com/images/documentation/quickicons/FontAwesome-pro-icons.png) These icons will look like this *(Nice, isn't it?)* ![FontAwesome pro preview](https://www.joomill-extensions.com/images/documentation/quickicons/FontAwesome-pro-preview.png) [Lees meer...](https://www.joomill-extensions.com/custom-quick-icons-module/use-fontawesome-pro.md) ## The icon is not displayed The Icon will only display to users who have access to the component. When you don't see the icon, check in the component ACL Permissions if the user is allowed to Access Administration Interface. [Lees meer...](https://www.joomill-extensions.com/custom-quick-icons-module/the-icon-is-not-displayed.md) ## Changelog [changelog-quickicons] [Lees meer...](https://www.joomill-extensions.com/custom-quick-icons-module/changelog.md)