Composant CG Isotope

1 1 1 1 1
Vote 4.93 (14 Votes)

joomla 4.xjoomla 5.xCe composant, basé sur la librairie isotope (https://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 4.2.19 (Update : 05/07/2024)

  • # Truncate : use truncateComplex to handle self closing tags
Version 4.2.18 (Update : 03/05/2024)
  • # Bootstrap buttons alignment : add button width in isotope.css
  • # Locked page : suppress notice checked_out_time undefined
Version 4.2.17 (Update : 23/02/2024)
  • # offcanvas : cookie error where reloading page
Version 4.2.16 (Update : 18/02/2024)
  • # Infinite paging : alpha buttons : remove event listeners on single button
Version 4.2.15 (Update : 18/02/2024)
  • # Infinite paging : ignore cookie
  • # Infinite paging : alpha buttons : recreate event listeners
Version 4.2.14 (Update : 08/02/2024)
  • # Weblinks : invalid char in link
...
Version 1.17.0 : ajout field title dans valeur du tri
.....
Version 1.0.1 (Octobre 2018) : version initiale

  • Joomla! 4.x/5x
  • Joomla! 3.x
Téléchargement du Composant CG Isotope Pour J4/5

CG_DOWNLOAD_NOT_ALLOWED

(déjà téléchargé 412 fois)

Téléchargement du Composant CG Isotope Pour J3

CG_DOWNLOAD_NOT_ALLOWED

(déjà téléchargé 1371 fois)

 

PHP 74PHP 80

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.

CG_DOWNLOAD_NOT_ALLOWED

- 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

cg isotope

On obtient alors l'affichage des pages déjà définies

cg Isotope pages

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.

 cg isotope iso

Personnalisation de l'affichage.

Affichage des différentes sections du composant.

cg isotope layouts

cg isotope menu