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 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.8 : K2 infos en mode AJAX Version 1.10.7 : K2 images en mode AJAX Version 1.10.6 : lien sur bloc Version 1.10.5 : cookie de session Version 1.10.4 : ordre par défaut des boutons de tri Version 1.10.3 : ignorer les categories vides Version 1.10.2 : readmore Ajax : suppression espaces bas de page 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.15 : bouton "Tout" si autres boutons désélectionnés Version 1.6.14 : Ignorer Erreur si K2 non installé Version 1.6.13 : Cat/Tag par défaut : ajout de Aucun Version 1.6.12 : K2 ne supporte pas les tags parents Version 1.6.11 : afficher tag parent au lieu de son alias Version 1.6.10 : caching issue Version 1.6.9 : suppression des "notices" Version 1.6.8 : paramètre Tag Parent Version 1.6.6 (Octobre 2018) : classe fg-cs-12 inexistante Version 1.6.5 (Octobre 2018) : traduction "nouveau" absente Version 1.6.4 (Octobre 2018) : nouveaux tags {new} et {subtitle} Version 1.6.3 (Octobre 2018) : suppresion des <p> inutiles. Version 1.6.2 (Octobre 2018) : ajout alignement des boutons Version 1.6.1 (Octobre 2018): bouton "effacer recherche" Version 1.6.0 (Septembre 2018) : position des sections paramétrable Version 1.5.8 (Septembre 2018) : toujours afficher le paramètre "ordre par défaut" Version 1.5.7 (Août 2018) : nouveau paramètre : "Image en lien" Version 1.5.6 (Août 2018) : nouveaux paramètres : {link} et {introimg} Version 1.5.4 (Août 2018) : fields: correction des champs à sélections multiples tels que checkbox Version 1.5.3 (Août 2018) : fields : multi-select Version 1.5.2 (Août 2018) : tag {nofield} à la place de {notnull} autour des champs personnalisés Version 1.5.1 (Aout 2018) : checknull autour champs personnalisés Version 1.5.0 (Juillet 2018) : pagination sur les articles Version 1.4.1 (juin 2018) : ordre des catégories 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 1.11.2)
Le 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....).
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".
En version 1.6.4, suite à une idée de Loïc (alias Lomart), 2 nouveaux tags ont été ajoutés : {new} et {subtitle}.
Pour utiliser le tag {subtitle}, il faut que le titre de vos articles/liens web contiennent le caractère ~(tilde). Dans ce cas, ce caractère sert de séparateur et votre titre est séparé en 2 parties pouvant être mises à votre guise en utilisant les tags {title} et {subtitle}.
Remarque: le sous-titre est affiché en caractères plus petits (small).
Le tag {new} affiche un badge "Nouveau" pour une durée paramétrable dans le module (défaut 30 jours) sur les articles nouveaux (par rapport à leurs dates de publication).
La Version 1.10.0 ajoute Ajax et Iframedans le paramètreReadmore. 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.
La version 1.10.5 permet la création d'un cookie de session gardant les paramètres de votre dernière demande.Ainsi, lorsque vous rappelez le module Isotope, il affichera les informations associées à votre dernière demande, si vous n'avez pas fermé votre explorateur (cookie lié à votre session).
Suite aux discussions sur le forum Joomla, plusieurs options ont été ajoutées:
- Lien sur Bloc : le bloc complet de l'article devient un lien vers l'article/le lien web - Lire la suite : ajout des paramètres "IFrame et Ajax pour afficher l'article sur la page en cours (version 1.10.0) - Ajout des paramètres "Tags groupés par parent" et "Afficher Parent" (version 1.6.8) - Ajout de l'alignement des boutons dans l'onglet Affichage: suggestion de Loïc. - Nouvel onglet de paramètres: Affichage (version 1.6.0), permet de choisir la position/largeur de chaque section du module - Paramètre Image en lien : utilise l'image d'introduction ou la première image de l'article en tant qu elien vers l'article/le lien web (version 1.5.7) - paramètres de personnalisation : {link} : lien vers l'article, {introimg} : image d'introduction. - Pagination sur les articles : ajout de 3 paramètres Pagination, Nb d'aticles par page et Ordre des articles pour la pagination (version 1.5.0) - Ordre des boutons catégorie: modification du paramètre "affichage Alias" en "Tri Catégories" avec paramètre "ordre" = ordre des catégories (version 1.4.1) - Articles/weblinks: ajout du paramètre {catsimg} + image des catégories dans les boutons (version 1.4.0) - Articles/weblinks: ajout du paramètre {tagsimg} et nouveaux paramètres : ordre des tags, images des tags en version 1.3.19 (voir la démonstration : test-isotope-tags) - Limit articles: limiter le nombre d'articles affichés par défaut et afficher un bouton "lire plus d'articles" (version 1.3.17) - Tags/Catégories : nouveau paramètre: sélection de la catégorie/du tag affiché par défaut en fonction du type de filtrage (version 1.3.7) - champs personnalisés : nouveau paramètre "afficher le nom des champs" au dessus des groupes de boutons. - champs personnalisés : nouveau paramètre "grouper les boutons par champ" (version 1.3.4) crée des groupes de boutons séparés pour chaque champ personnalisé. L'ordre d'affichage des groupes est par ordre alphabétique du nom du champ personnalisé. Si cette option est choisie, les boutons "multi-select" ne sont plus accessibles. - paramètre "Lire la suite..." (version 1.2.3) - paramètre {notnull} {/notnull} pour cacher les valeurs nulles en personnalisation (version 1.2.2). - champs personnalisés en tant que zones affichables en entrant {nom du champ} dans la personnalisation de l'affichage (version 1.1.9) - garder le formattage permet de ne pas "nettoyer" l'affichage de l'introduction de l'article (version 1.1.8) - tri du filtre des catégories par nom ou par alias de la catégorie (version 1.1.7) - support K2 (version 1.1.1) - personnalisation de l'affichage: choix des zones affichées + CSS (version 1.0.50) - prise en charge des champs personnalisés (version 1.0.50) - bouton multi-sélection exclusif pour le filtrage (version 1.0.47)- bouton filtre catégories/tags ou les deux (version 1.0.49) - Titre en tant que lien ou non (version 1.0.49) - bouton multi-sélection pour le filtrage (01.0.38) - ajout du tri par nombre de visites - affichage du filtre sous forme de bouton/de liste ou pas de filtre - affichage ou non des critères de tri date/visite - possibilité de paramétrer l'affichage en modifiant le CSS - montrer ou non l'image d'introduction - boutons style bootstrap (si vous avez beaucoup de boutons de filtrage) - sélection des catégories de liens web à afficher - largeur maximum des images affichées (si elles existent) - recherche: affichage d'une edit de recherche pour filtrer les résultats
La version 1.0.50 permet la personnalisation de l'affichage: zones à affichées, CSS, la version 1.6.0 permet de paramétrer l'ordre/la largeur d'affichage de chacune des sections du module.
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".
Afin de vous proposer un meilleur service, ce site utilise des cookies. Effacer les cookies
En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies, pour nous aider à vous offrir un service optimal ainsi que pour analyser le trafic de notre site.
Les cookies sont des petits fichiers qui sont stockés sur le disque dur de l'utilisateur par votre explorateur lorsque vous vous connectez à un site internet. Les cookies peuvent être utilisés pour stocker des informations relavtives à votre navigation et ne sont pas supposés persister.
Il y a plusieurs types de cookies:
Cookies système qui facilitent la navigation de l'utilisateur, ainsi que l'utilisation de diverses options ou services proposés par internet tels que l'identification de la session, l'autorisation d'accès à certaines zones réservées, l'optimisation des commandes, le remplissage des formulaires, l'enregistrement, la sécurité ainsi que l'utilisation de certaines fonctions (videos, rés;seaux sociaux, etc..).
Cookies de service qui permettent à l'utilisateur d'accéder aux service en fonction de ses préférences(langue, explorateur, configuration, etc..).
Cookies d'analyse qui permettent l'analyse anonyme du comportement de l'utilisateur du site et de mesurer son activité afin de développer un profil de navigation amélioré sur le site.
Ainsi, lorsque vous accédez à notre site, conformément au Réglement Général sur la Protection des Données no 2016/679 du 27 avril 2016 (RGPD), entré en viguer le 25 mai 2018, nous devons vous demander l'autorisation d'utiliser ces cookies, afin d'améliorer notre offre de services. Nous utilisons Google Analytics afin de collecter des informations de statistiques anonymes telles que le nombre de visiteurs de notre site. Les cookies ajoutés par Google Analytics respectent la politique de confidentialités de Google Analytics. Si vous le souhaitez, vous pouvez désactiver les cookies de Google Analytics.
Cependant, veuillez noter que vous pouvez activer ou non les cookies en suivant les instructions données par votre explorateur internet.
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.
Le module Simple Isotope s'installe comme tous les modules Joomla!. Ce module existe aussi sous forme d'un composant: CG Isotope.
© 2020 - ConseilGouz