Ce composant, basé sur la librairie isotope (http://isotope.metafizzy.co/) permet d'afficher/trier/filtrer les liens web/articles en utilisant les catégories, les tags et les champs personnalisés. Il est compatible Content-Security-Policy.
Version 3.1.2 (Update : 28/04/2023)
- + New parameter : hide article/link if missing in tags list.
- # Admin : version display disables tabs
- + Dynamic version display
- # WebLinks : SEF Mode not working
- + Dynamic version display
- # Tag image click in offcanvas => no button displayed
- # Check tags level
- # Suppress notice on line 439
- # Error onval undefined in init.js
Version 1.17.0 : ajout field title dans valeur du tri
.....
Version 1.0.1 (Octobre 2018) : version initiale
- Joomla! 4.x
- Joomla! 3.x
Téléchargement du Composant CG Isotope Pour J4 |
Téléchargement interdit (déjà téléchargé 257 fois) |
Téléchargement du Composant CG Isotope Pour J3 |
Téléchargement interdit (déjà téléchargé 1266 fois) |


Tim Davis a parlé de CG Isotope, je l'ai aidé à montrer quelques options intéressantes. OK, c'est en anglais, mais, je pense que c'est compréhensible.
Le Composant CG Isotope s'installe comme tous les composants Joomla!. Il existe aussi sous forme d'un module : Simple Isotope.
Vous pouvez aussi récupérer les paramètres de vos modules Simple Isotope grâce au menu Import.
Les menus Modules/Plugins Joomla! et Liens web... utilisent ce composant.
Ce composant évolue en fonction et grâce à vos demandes.
Ci-après les évolutions les plus récentes.
Offcanvas : l'affichage des filtres peut passer en mode "offcanvas", les filtres étant accessibles par un bouton unique. Vous pouvez le voir sur la page Développements Joomla.
Cette fonctionnalité est activée dans l'onglet "Affichage" où l'on peut décider si une section est à afficher en offcanvas.
Important: toutes les sections en offcanvas doivent être consécutives (même ligne, ordres consécutifs).
Infinite scroll : affichage les pages d'articles sans avoir à passer par le module de pagination Joomla.
Un exemple de pagination en mode 'infinite scroll' est visible à la page cg-isotope-infinite
Afin de permettre plus d'adaptations, la version 1.16.0 permet d'ajouter du code javascript. De plus, 3 événements onCGIsotopeBefore, onCGIsotopeFilter, onCGIsotopeRender ont été ajoutés en lien avec le plugin CG Isotope Iso.
- onCGIsotopeBefore : ajout de code avant l'affichage du composant
- onCGIsotopeFilter : modification de la liste des articles trouvés en fonction de paramètres spécifiques
- onCGIsotopeRender : ajout de code avant affichage de l'article, utile pour ajouter des shortcodes non prévus dans le composant.
Note : le plugin CG Isotope Iso est fourni en exemple et peut être copié/adapté à souhait.
- Listes multi-select (suggestion de David)
- bouton "en vedette premier"
- Sauvegarde/restaurations des pages du composant CG Isotope en les exportant/important au format JSON
- Filtrage sur l'index alphabétique des titres
- Liens entre les champs personnalisés : voir la démonstration.
- Notes des catégories/tags/fields pour affichage d'un tooltip sur les boutons de filtrages
- sélecteur d'intervalle à partir des champs personnalisés (suggestion de Justus). Vous pouvez voir sa réalisation à l'adresse : agrarservice-ellermann.de
- Tags {new} et {subtitle} (suggestion de Loïc).
- Readmore en mode Ajax et Iframe
- Cookie de session gardant les paramètres de votre dernière demande
On obtient alors l'affichage des pages déjà définies
Le paramétrage d'une page Isotope est constituée de 4 onglets:
Paramètres généraux de la page.
Paramètres pour l'affichage des articles.
Personnalisation de l'affichage.
Affichage des différentes sections du composant.