Composant CG Isotope

1 1 1 1 1 Vote 4.91 (11 Votes)

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 3.0.11 : positions offcanvas
Version 3.0.6 : admin : bouton enregistrer
Version 3.0.5 : correctif date/heure 
Version 3.0.4 : offcanvas + correctifs
Version 2.3.0 : inifinite scroll
Version 1.17.0 : ajout field title dans valeur du tri
.....
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é 1203 fois)

Téléchargement interdit

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

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

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

Ci-après les évolutions les plus récentes.

Offcanvas : l'affichage des filtres peut passer en mode "offcanvas", les filtres étant accessibles par un bouton unique. Vous pouvez le voir sur la page Développements Joomla.

Cette fonctionnalité est activée dans l'onglet "Affichage" où l'on peut décider si une section est à afficher en offcanvas.

Important: toutes les sections en offcanvas doivent être consécutives (même ligne, ordres consécutifs).

 

Infinite scroll : affichage les pages d'articles sans avoir à passer par le module de pagination Joomla.

Un exemple de pagination en mode 'infinite scroll' est visible à la page cg-isotope-infinite

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.

  • Listes multi-select (suggestion de David)
  • bouton "en vedette premier"
  • Sauvegarde/restaurations des pages du composant CG Isotope en les exportant/important au format JSON
  • Filtrage sur l'index alphabétique des titres
  • Liens entre les champs personnalisés : voir la démonstration.
  • Notes des catégories/tags/fields pour affichage d'un tooltip sur les boutons de filtrages
  • sélecteur d'intervalle à partir des champs personnalisés (suggestion de Justus). Vous pouvez voir sa réalisation à l'adresse : agrarservice-ellermann.de
  • Tags {new} et {subtitle} (suggestion de Loïc).
  • Readmore en mode Ajax et Iframe
  • Cookie de session gardant les paramètres de votre dernière demande

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