Ce composant, 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.12.0 : bouton "en vedette premier" Version 1.11.1 : bouton copier Version 1.11.0 : boutons export/import Version 1.10.0 : compatibilité php 8.0 Version 1.9.11 : correction de cat+tags+fields en mode liste Version 1.9.10 : ajout filtre index alphabétique Version 1.9.9 : option Message Vide si filtre ne retourne aucun article Version 1.9.8 : notices sur filtrage catégories+tags+champs Version 1.9.7 : filtrage sur catégories+tags+champs Version 1.9.6 : liens champ : JS erreur sur le bouton Tout Version 1.9.5 : champ : affichage par {field fieldid} Version 1.9.4 : champ : type Color : laisser tel quel. Version 1.9.3 : liens champ : remettre bouton tout sur clear search Version 1.9.2 : liens champ : filtrage des enfants Version 1.9.1 : liens champ : gestion boutons bootstrap Version 1.9.0 : ajout du lien entre les champs Version 1.8.0 : filtre champs+tags, paramètres dates/id, format des dates Version 1.7.5 : pagination aléatoire, ordre des custom fields + {cg-version} en bas de page Version 1.7.4 : gestion des catégories/tags par défaut qui ont été supprimés Version 1.7.3 : fix field cookie for listex Version 1.7.1 : fields : Liste exclusive, note = tooltip des boutons Version 1.7.0 : ré-écriture init.js Version 1.6.1 : filtre langue : multi-select + bouton tout Version 1.6.0 : ajout filtre langue + css .isotope-main {overflow: hidden} Version 1.5.0 : tri aléatoire, suppression ..., correction affichage paramètres Version 1.4.3 :Article : date de publication, fields : mauvaise date affichée Version 1.4.2 : fields : gestion cookie incorrecte sur refresh Version 1.4.1 : fields : {cat} suppression du lien vers la catégorie Version 1.4.0 : Filtre Catégories + Champs personnalisés Version 1.3.8 : Filtre Champs Personalisés en mode Liste Version 1.3.7 : intervalle : conflit avec span autour des tags Version 1.3.6 : {tags} : ajout de <span> autour du séparateur des tags Version 1.3.5 : ajout <span> devant {tags} et {field} Version 1.3.4 : suppression des notices Version 1.3.3 : {tags}, Champs personnalisés sur les liens web Version 1.3.1 : install: affichage changelog, bug sur intervalle si inutilisé Version 1.3.0 : intervalle, activation des plugins de contenu Version 1.2.3 : documentation incorrecte sur affichage des zones personnalisées version 1.2.2 : corrige lien bloc ouvre 2 fenêtres + ctrl click Version 1.2.1 : suppression warning sur Fields Version 1.2.0 : AJAX: chargement des fichiers JS et CSS Version 1.1.9 : Suppression warnings, Comportement Effacement Recherche Version 1.1.8 : K2 infos en mode AJAX Version 1.1.7 : K2 image en mode AJAX + fields error Version 1.1.6 : lien sur bloc incorrect Version 1.1.5 : paramètre blocs en tant que lien Version 1.1.4 : ordre bouton tri dans onglet Isotope Version 1.1.3 : cookie de session Version 1.1.2 : ordre par défaut des boutons de tri Version 1.1.1 : caching issue Version 1.1.0 (Juin 2019) : Réécriture K2, ajout Iframe/Ajax à "Lire la suite" .... Version 1.0.1 (Octobre 2018) : version initiale
Téléchargement du Composant CG Isotope (version 1.12.0)
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.
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 s'agit de la conversion en composant du module Simple Isotope, dont il reprend toutes les fonctionnalités.
Vous pouvez aussi récupérer les paramètres de vos modules Simple Isotope grâce au menu Import.
Ce composant évolue en fonction et grâce à vos demandes.
Dans la version 1.12.0, le bouton "en vedette premier" a été ajouté afin d'afficher toujours les articles/liens web "en vedette" en premier quelque soit l'ordre d'affichage demandé.
Suite à plusieurs demandes, la version 1.11.0 permet de sauvegarder/restaurer les pages du composant CG Isotope en les exportant/important au format JSON, la version 1.11.1 permettant de copier une page Isotope.
Sur une suggestion de Simon, un filtrage sur l'index alphabétique des titres a été ajouté en version 1.9.10. Il est visible, en autres, sur la page Extensions Joomla!
En version 1.9.0, implémentation de liens entre les champs personnalisés permettant, par exemple, de voir uniquement les rues d'une ville d'une région d'un pays : voir la démonstration.
En version 1.7.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.5.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.3.0, il manquait à Justus un sélecteur d'intervalle à partir des champs personnalisés (custom fields). Il y avait aussi un bug sur les plugins qui n'étaient pas chargés en mode 'article'. Cela a été ajouté/corrigé. Vous pouvez voir sa réalisation à l'adresse : agrarservice-ellermann.de
Remarque : la gestion du sélecteur d'intervalle (en pure JS) a été repris de Range Slider .
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).
Les tags peuvent être regroupés en fonction de leurs parents. 2 paramètres ont été affichés : "Tags groupés par parent" et "Afficher Parent".
LaVersion 1.1.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.1.3 permet la création d'un cookie de session gardant les paramètres de votre dernière demande.Ainsi, lorsque vous rappelez le composant Isotope, il affichera les informations associées à votre dernière demande, si vous n'avez pas fermé votre explorateur (cookie lié à votre session).
On obtient alors l'affichage des pages déjà définies
Le paramétrage d'une page Isotope est constituée de 4 onglets:
Ce composant, 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.
© 2021 ConseilGouz