Test Isotope Tags

1 1 1 1 1 Rating 5.00 (2 Votes)
(Reading time: 1 - 2 minutes)

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

 

DANSE GYM EPGV CERESTE Adulte Senior
CERESTE Salle Polyvalente 06.63.53.03.62 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
GV SECTION ATELIERS EPGV Adulte Senior Label EPGV Qualité Club
VOLONNE 04.92.33.18.07 This email address is being protected from spambots. You need JavaScript enabled to view it.
SPORT SANTE ECRINS Adulte Senior
L'ARGENTIERE LA BESSEE 04.92.45.13.24 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 04.92.43.11.37 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 04.94.49.06.62 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.62.73.76.32 This email address is being protected from spambots. You need JavaScript enabled to view it.
Whaoo.. that's what I call filtering...