Composant CG Isotope

Vote utilisateur: 4 / 5

Compat icon 3 x longfirst look joomla 4Ce 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.17.0 : ajout field title dans valeur du tri
Version 1.16.7 : suppress PHP 8 notice
Version 1.16.6 : PHP 8 strpos error
Version 1.16.5 : PHP 8 compatibility
Version 1.16.4 : bouton "sauvegarder" ne fonctionne plus
Version 1.16.3 : pages publiés/dépubliés ne fonctionne pas
Version 1.16.2 : Erreur table K2_categories si K2 non installé
Version 1.16.1 : montrer les articles dépubliés, si autorisé
Version 1.16.0 : ajout customisation JS + plugin CGIsotope
Version 1.15.5 : réarrangement des paramètres (faire ctrl F5)
Version 1.15.4 : Filtrage sur langue incorrect sur Custom Fields
Version 1.15.3 : Affichage des groupes Custom Fields en colonne
Version 1.15.2 : Multi-select sur Custom Fields
Version 1.15.0 : Filtre sur custom field de type Calendrier
Version 1.14.0 : corrections sur tags-fields-categories, réécriture des filtres
Version 1.13.0 : ajout des listes multi-select
Version 1.12.1 : corrections sur intervalle et parametres tag+fields
Version 1.12.0 : bouton "en vedette premier"
...
Version 1.11.0 : boutons export/import
Version 1.10.0 : compatibilité php 8.0
...
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.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.0 : Filtre Catégories + Champs personnalisés
...
Version 1.3.0 : intervalle, activation des plugins de contenu
...
Version 1.2.0 : AJAX: chargement des fichiers JS et CSS
...
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 Pour J3 Téléchargement du Composant CG Isotope Pour J4

Téléchargement interdit

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

Téléchargement interdit

(déjà téléchargé 82 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.

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.

Les menus Modules/Plugins Joomla! et Liens web... utilisent désormais ce composant.

Ce composant évolue en fonction et grâce à vos demandes.

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.

Téléchargement interdit

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

Attention : en version 1.14.0, la gestion des filtres a été améliorée/simplifiée. Cela a entraîné la modification des paramètres de Catégories et peut entrainer des dysfonctionnements. Vérifiez vos paramètres.

La version 1.13.0 permet de paramétrer des listes multi-select suite à une suggestion de David.

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

La Version 1.1.0 ajoute 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.

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

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