In deze handleiding leg ik uit hoe je in Joomla 4 via de Custom Quick Icon module van Joomill Extensions, een extra dashboard kunt maken voor bijvoorbeeld AcyMailing.

Hieronder de onderwerpen die aan bod komen in deze handleiding:

• Inleiding
• Stappen downloaden Custom Quick Icon Module
• Stappen installeren Custom Quick Icons Module
• Stappen nieuwe Module Custom Quick Icons Module aanmaken
• Stapppen knoppen aanmaken
• Stappen testen
   

Klik op de afbeeldingen voor een vergroting.

Inleiding

Jeroen Moolenschot heeft een gratis module extensie gemaakt genaamd Custom Quick Icon Module. Met de Custom Quick Icon Module kun je in de back-end van Joomla 4 een extra Dashbord maken met veel gebruikte links voor extensies. Deze wordt dan in het controlpanel of Home Dashboard getoond. Enkele voorbeelden zijn:

1. Single Article Quick Icons: Directe links om het geselecteerde artikel te bewerken.
2. Article Quick Icons: Links naar alle artikelen van de door u geselecteerde categorieën / talen / auteurs en een knop om direct een nieuw artikel aan de categorie toe te voegen.
3. Module Quick Icons: Directe links om de geselecteerde module te bewerken.
4. HikaShop Quick Icons: Aangepaste Quick Icons-module ondersteunt HikaShop out of the box.

Recent heb ik de Custom Quick Icon Module gebruikt voor snelkoppelingen naar de meest gebruiktte AcyMailing opties. AcyMailing is een extensie om nieuwsbrieven mee te sturen. In de Custom Quick Icon Module heb ik onderstaande snelkoppelingen gemaakt:

• AcyMailing Dashboard  
• AcyMailing Campagnes
• AcyMailing Wachtrij 
• AcyMailing Statistieken
• AcyMailing Abonnee

In Joomla 4 kun je gebruik maken van de Font Awesome icons voor de volgende (gratis) versies:

• Versie 4: https://fontawesome.com/v4/get-started/
• Versie 5: https://fontawesome.com/v5/search?m=free

Stappen downloaden Custom Quick Icons Module

In deze stap gaan we eerst de extensie downloaden van de website.

1. Klik op de volgende link: https://www.joomill-extensions.com/downloads/quickicons.
   
   
   
   
2. Klik dan op de knop Download
3.  De download wordt gestart, onthoud waar je het bestand (custom-quick-icons.zip) opgeslagen hebt.
   Pak het bestand niet uit! In de volgende stap gaan we de extensie installeren.

Stappen installeren Custom Quick Icons Module

1. Log met je SuperVisor account in via de back-end van je Joomla website, https://<jedomein.nl>/administrator/ 
2. Klik aan de linkerkant in het menu op Systeem.
3. Klik onder het blok Installeren op Extensies op de optie het tabblad Upload Pakketbestand 
4. Klik dan op de groene knop Of blader naar bestand, navigeer naar het bestand custom-quick-icons.zip en klik hierop
5. De extensie wordt geinstalleerd en de melding Installeren module is geslaagd komt in beeld.
   Ga nu naar de volgende stap.

Stappen nieuwe module Custom Quick Icons Module aanmaken

1. Klik aan de linkerkant in het menu op Systeem
2. Klik onder Beheren op de opdie Beheerder Modules
3. Bovenaan staat nu de Custom Quick Icons module
4. Pas de Titel aan, in dit voorbeeld AcyMailing DashBoard
5. Selecteer aan de rechterkant bij Positie de optie cpanel
6. Selecteer bij Status de optie Gepubliceerd
7. Klik op Opslaan om deze instellingen op te slaan.
   Ga nu naar de volgende stap.

Stapppen knoppen aanmaken

Na de installatie en het aanmaken van een nieuwe module in de vorige stappen gaan we nu de knoppen aanmaken voor het Dashboard.

1. Klik nu bij Snelkoppelingen op het + icoon om een nieuwe regel aan te maken
2. Vul bij Naam de volgende naam in AcyMailing Dashboard
3. Vul bij Icoon de volgende optie in fas fa-tachometer-alt
4. Selecteer bij Link naar Menu item de optie index.php?option=com_acym&ctrl=dashboard
5. Vul bij Link de volgende link in: https://<jedomein.nl>/administrator/index.php?option=com_acym&ctrl=dashboard
6. Klik op Opslaan om de instellingen op te slaan.
7. Ga nu terug naar stap 1 en maak de volgende knoppen aan:
   
   Naam: AcyMailing Campagne
   Icoon: fas fa-paper-plane
   Link Menu Item: index.php?option=com_acym&ctrl=campaigns&task=campaigns
   Link: https://<jedomein.nl>/administrator/index.php?option=com_acym&ctrl=campaigns&task=campaigns
   
   Naam: AcyMailing Wachtrij
   Icoon: fas fa-envelope-open
   Link Menu Item: index.php?option=com_acym&ctrl=campaigns&task=campaigns
   Link: https://<jedomein.nl>/administrator/index.php?option=com_acym&ctrl=queue
   
   Naam: AcyMailing Statistieken
   Icoon: fas fa-user-edit
   Link Menu Item: index.php?option=com_acym&ctrl=stats
   Link: https://<jedomein.nl>/administrator/index.php?option=com_acym&ctrl=stats
   
   Naam: AcyMailing Abonnee
   Icoon: fas fa-user-cog
   Link Menu Item: index.php?option=com_acym&ctrl=users
   Link: https://<jedomein.nl>/administrator/index.php?option=com_acym&ctrl=users
   
   
8. Klik dan op Opslaan & Sluiten om alle instellingen op te slaan.

Stappen testen

1. Klik aan de linkerkant op Controlepaneel
2. Als het goed is zie je het nieuwe dashboard AcyMailing DashBoard in je back-end staan.
3. Je kunt nu op de iconen klikken en controleren of je in het juiste onderdeel komt van AcyMailing.

Je kunt de module ook voor andere opties gebruiken, je kunt nieuwe modules aanmaken en dan opnieuw knoppen aanmaken met andere dashboards.

Lees ook mijn extensiereview Custom Quick Icons module

Terug naar het overzicht    Terug naar categorie Vormgeving - Design