Module Simple Isotope

Vote utilisateur: 4 / 5

Compat icon 3 x long Ce module, basé sur la librairie isotope (http://isotope.metafizzy.co/) permet d'afficher/trier/filtrer les liens web/articles/K2 en utilisant les catégories, les tags et les champs personnalisés. Il est compatible Content-Security-Policy.

 

Version 2.0.6 : suppress PHP 8 notice
Version 2.0.5 : PHP 8 compatibility
Version 2.0.4 : Erreur Table K2_Categ not found si K2 n'est pas installé
Version 2.0.3 :  ajout filtre index alphabétique
Version 2.0.2 : option Message Vide si filtre ne retourne aucun article
Version 2.00.01 : erreur cache => Cannot read property 'replace' of undefined
Version 2.00.00 : compatibilité Joomla 4.0 Beta 4
Version 1.19.7 : nouveau bouton tri : Ordre (blog)
Version 1.19.6 : field links : all button causes JS error
Version 1.19.5 : mise à jour conforme CG Isotope 1.9.5
Version 1.17.6 : pagination aléatoire, ordre des custom fields
Version 1.17.5 : gestion des catégories/tags par défaut qui ont été supprimés
Version 1.17.4 : fix Unexpected token '}' in init.js
Version 1.17.3 : fix field cookie for listex
Version 1.17.2 : weblinks : fix error 0 too few arguments...
Version 1.17.1 : fields :  Liste exclusive, note = tooltip des boutons 
Version 1.17.0 : ré-écriture init.js
Version 1.16.1 : filtre langue : multi-select + bouton tout
Version 1.16.0 : ajout filtre langue + css .isotope-main {overflow: hidden}
Version 1.15.0 : tri aléatoire, suppression ..., correction affichage paramètres
Version 1.14.3 :Article : date de publication, fields : mauvaise date affichée
Version 1.14.2 : fields : gestion cookie incorrecte sur refresh 
Version 1.14.1 : fields : {cat} suppression du lien vers la catégorie
Version 1.14.0 : Filtre Champs Personnalisés + Catégories
Version 1.13.7 : intervalle : conflit avec span autour des tags
Version 1.13.6 : {tags} : ajout de <span> autour du séparateur des tags
Version 1.13.5 : ajout <span> devant {tags} et {field}
Version 1.13.4 : suppression warning
Version 1.13.3 : appliquer le rendu des champs personnalisés
Version 1.13.2 : {tags}, implémentation Fields sur Weblinks
Version 1.13.1 : zone non définie en affichage fields
Version 1.13.0 : install: affichage changelog,intervalle, activation des plugins de contenu
Version 1.11.2 : doc. incorrect sur custom field : titre du champ au lieu de nom du champ
Version 1.11.1 : corrige lien sur bloc ouvre 2 fenêtres + ctrl click
Version 1.11.0 : AJAX: chargt des JS/CSS associés aux loadmodule
Version 1.10.9 : Suppression warnings, Comportement Effacement Recherche
Version 1.10.1 : caching issue
Version 1.10.0: K2 rewriting, "Lire la suite" dans une Iframe ou par appel Ajax
Version 1.6.0 (Septembre 2018) : position des sections paramétrable
Version 1.5.0 (Juillet 2018) : pagination sur les articles
Version 1.4.0 (mai 2018) : zone {catsimg} + images des catégories
...
Version 1.3.0 (Mars 2018) : compatibilité Content-Security-Policy
....
Version 1.0.0 (Septembre 2016): version initiale

Téléchargement du module Simple Isotope 
(version 2.0.6)

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

 

PHP 74 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 suggestiions, ce module a pas mal grossi au niveau des paramètres et de ses possibilités....).

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

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".