Module Simple Isotope

1 1 1 1 1
Vote 4.64 (59 Votes)

Compat icon 4 xCompat icon 5 0Ce module, 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.3.22 (Update : 05/07/2024)

  • # Truncate : use truncateComplex to handle self closing tags
Version 4.3.21 (Update : 13/05/2024)
  • # Empty tags list if not filtering tags
Version 4.3.20 (Update : 13/05/2024)
  • # Joomla 5 compatibility : fix getUser deprecation
Version 4.3.19 (Update : 13/05/2024)
  • # Pagination : display all selected categories buttons, even if empty
  • # Joomla 5 compatibility : fix deprecated code
Version 4.3.18 (Update : 29/04/2024)
  • # Suppress warning undefined property stdClss::$cgisotope
Version 4.3.17 (Update : 23/02/2024)
  • # offcanvas : cookie error where reloading page
Version 4.3.16 (Update : 18/02/2024)
  • # Infinite paging : alpha buttons : remove event listeners on single button
Version 4.3.15 (Update : 18/02/2024)
  • # Infinite paging : ignore cookie
  • # Infinite paging : alpha buttons : recreate event listeners
...
Version 1.3.0 (Mars 2018) : compatibilité Content-Security-Policy
....
Version 1.0.0 (Septembre 2016): version initiale

  • Joomla! 4.x/5.x
  • Joomla! 3.X
Téléchargement du module Simple Isotope pour Joomla 4.x/5.x

CG_DOWNLOAD_NOT_ALLOWED

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

Note : cette version n'est plus maintenue.

Téléchargement du module Simple Isotope pour Joomla 3.x

CG_DOWNLOAD_NOT_ALLOWED

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

 

PHP 80Le module Simple Isotope s'installe comme tous les modules Joomla!. Ce module existe aussi sous forme d'un composant: CG Isotope.

Pour respecter la Content Security Policy, il a fallu externaliser tous les codes JS et CSS du module. Pour ce faire, il a fallu utiliser la commande addScriptOptions qui n'est disponible qu'après la version Joomla! 3.7.x.

Il est extrêmement simple et n'a que peu de paramètres (ça, c'est de l'histoire ancienne, car, au fil du temps et des suggestions, ce module a pas mal grossi au niveau des paramètres et de ses possibilités....).

Attention : Si vous utilisez la pagination pour l'affichage des articles, un bug dans Joomla  https://github.com/joomla/joomla-cms/issues/17305 a été signalé qui provoque une erreur 404 au changement de page. Pour le corriger, chargez le plugin Contenu Saut de Page Isotope , activez le et désactivez le plugin standard "Contenu Saut de Page".

 

Ce module évolue en fonction et grâce à vos demandes/remarques.

La version 4.3.0 permet d'afficher le composant CG Isotope sous forme d'un module. Votre page CG ISotope peut alors être incluse dans un article. Simple Isotope reprend tous les paramètres de la page CG Isotope sélectionnée.

En version 4.0.2, version Joomla 4 du module, la pagination "infinie" a été ajoutée, permettant d'afficher la 1ere page, puis, les suivantes automatiquement en scrollant la page : voir la démonstration  

Sur une suggestion de Simon, un filtrage sur l'index alphabétique des titres a été ajouté en version 2.0.3. Il est visible, en autres, sur la page Extensions Joomla!

Suite à une suggestion de Marc, un nouveau bouton de tri fait son apparition en version 1.19.7 : tri selon l'ordre d'affichage tel que défini pour l'affichage Blog.

La version 1.19.5 reprend les nouvelles fonctions développées en août pour le composant CG Isotope : affichage des champs par leur field id, lien entre les champs (voir démo), filtre Champ +tags, nouveaux paramètres des dates,...

En version 1.17.1, implémentation des notes des catégories/tags/fields pour affichage d'un tooltip sur les boutons de filtrages, suivant une idée de Loïc et listes pour sélection exclusive sur les custom fields d'après une idée de Martin. Voir démonstration.

En version 1.15.0, André a suggéré un affichage aléatoire, Marc la suppression des caractères de continuation (...) sur les articles dépassant la taille maximale d'un article.

En version 1.13.0, sur une suggestion de Justus pour le composant CG Isotope, le sélecteur d'intervalle sur les champs personnalisés fait son apparition.

Remarque : la gestion du sélecteur d'intervalle (en pure JS) a été repris de Range Slider .

Loïc (alias Lomart) n'a pas été avare en suggestion :

- le cookie de session afin de ré-afficher les informations de votre dernière demande
- rendre le bloc complet de l'article cliquable
- 2 nouveaux tags ont été ajoutés : {new} et {subtitle}
- alignement des boutons

D'autres demandes (en version 1.10.0) ont permis l'ajout des paramètres Ajax et Iframe dans le paramètre Readmore. Ceci permet d'afficher l'article dans la page en cours. La différence entre Ajax et Iframe vient du contenu de vos articles.S'ils utilisent des plugins d'affichage, Ajax est recommandé. S'ils utilisent des personnalisations CSS liées à votre template, l'utilisation du paramètre Iframe est à privilégier.

Dois-je vraiment garder le nom Simple Isotope pour ce menu, tant les demandes d'évolution ont été nombreuses ?

Merci à tous pour vos remarques et pour l'intérêt que vous portez à ce module.

personnalisation

isotope isotope complément

 isotope web

isotope k2isotope2

layout fr

L'affichage ci-dessus correspond à celui de la page Mes modules. Notez que la position "Articles" n'est pas définie, donc, la valeur par défaut sera appliquée (ligne = 2, ordre = 1, largeur = 12).

Pour information, le paramètrage de la page "Liens web" est identique à celle des modules. Au niveau de la page de test, on a un peu compliqué le paramétrage:

  • Section Recherche : ligne 1, position 1, largeur 3
  • Section Filtre Catégorie: ligne 1, position 2, largeur 6
  • Section Tri : ligne 1, position 3, largeur 3
  • Section Filtre Tags: ligne 2, position 1, largeur 3
  • Section Articles : ligne 2, position 2, largeur 9

Afin de faciliter l'affichage en mode "responsive", j'ai utilisé le fichier up.css en provenance du plugin UP de Lomart,  qui gère correctement les "flexbox".