Test Isotope Tags

1 1 1 1 1 Rating 5.00 (2 Votes)

User Rating: 5 / 5

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

 

Public

Activités

DANSE GYM EPGV CERESTE Adulte Senior
CERESTE Salle Polyvalente 06.00.00.00.00 This email address is being protected from spambots. You need JavaScript enabled to view it.
GV DE BRAS D'ASSE Adulte Senior
BRAS D'ASSE Salle Polyvalente 06.00.00.00.00 This email address is being protected from spambots. You need JavaScript enabled to view it.  
GV SECTION ATELIERS EPGV Adulte Senior Label EPGV Qualité Club
VOLONNE 06.00.00.00.00 This email address is being protected from spambots. You need JavaScript enabled to view it.
SPORT SANTE ECRINS Adulte Senior
L'ARGENTIERE LA BESSEE 06.00.00.00.00 This email address is being protected from spambots. You need JavaScript enabled to view it.
SPORTS LOISIRS EMBRUNAIS Enfant 3/6 ans Enfant 6/12 ans Adulte Senior Activités extérieures Activités aquatiques Activités Gym'Santé Label EPGV Qualité Club
EMBRUN Embrun et communes voisines 06.00.00.00.00 This email address is being protected from spambots. You need JavaScript enabled to view it.
L'ESSENCE CIEL Enfant 6/12 ans Adulte Senior Activités extérieures
GAP Gap, Neffes, Espinasse 06.00.00.00.00 This email address is being protected from spambots. You need JavaScript enabled to view it.
B2S BIEN-ÊTRE SPORT SANTE Adulte Senior Activités extérieures Activités Gym'Santé
ANTIBES Parc de la Valmasque (Valbonne) / Canal de Gairault (Nice)  06.00.00.00.00 This email address is being protected from spambots. You need JavaScript enabled to view it.
Whaoo.. that's what I call filtering...