Test Isotope Tags

1 1 1 1 1 Rating 5.00 (2 Votes)

Cette page permet de montrer les capactités du module Simple Isotope.

This page shows you some Simple Isotope Module capabilities.

Cette page permet de montrer les capactités du module Simple Isotope.

Dans cet exemple, nous utilisons des Liens Web, filtrables par catégorie et tags. Au niveau des tags, nous avons sélectionné le mode multi-select exclusif : seuls les articles ayant toutes les propriétés sélectionnées seront affichés. Le module de recherche ainsi que la possibilité de tri par catégorie ou en ordre alphabétique ont été ajoutés.

Un peu de CSS permet d'ajouter des "coches" sur les tags sélectionnés, de supprimer le bouton "tout" pour les tags, d'ajouter des séparations dans les tags et de mettre un peu d'ombre sur les articles.

Les sections ont été définies comme suit:

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

This page shows you some Simple Isotope Module capabilities.

In this example, we display WebLinks, filtered by categories and Tags. For the tags buttons, we choosed "multi-select exclusif" mode : we display articles which match all selected buttons. We also have a search edit and sort buttons (categories or alphabetical order).

Some CSS codes to add a tick to selected tags, to hide "all" button in the tags list, to add a tags separation text and to add shadow under articles.

Sections parameters are:

Search : line 1, order 1, width 3
Categories filter: line 1, order 2, width 6
Sort : line 1, order 3, width 3
Tags Filter: line 2, order 1, width 3
Articles : line 2, order 2, width 9