Sommaire

Les blocs

Un bloc est un ensemble de champs, critères et modalités du SIT organisés et mis en forme. Les blocs sont utilisés dans les brochures dynamiques (module Édition), dans les plugins WordPress ou Drupal (module Web) et dans l’affichage dynamique (module Affichage digital).

Les informations du SIT affichées dans les blocs peuvent être enrichies par des options d’affichage et de mise en forme. Leur affichage peut aussi être conditionné sur des critères et modalités.

Le bloc affichera la traduction du champ récupérée dans le SIT s’il est utilisé dans une langue autre que le français. Si la traduction issue du SIT est absente ou insatisfaisante, il est possible d’afficher une traduction ajoutée manuellement dans le bloc (voir plus bas le paragraphe Options d’affichage).

Si vous modifiez un bloc, son contenu sera automatiquement modifié partout où il est utilisé sans que vous ayez besoin de manipuler directement fiche web, modèle PDF ou autre.

Utilisez les tags pour organiser les blocs.
Si vous avez plusieurs modules, nommez les blocs selon leur utilisation : PDF, Web, Ecrans…
Si vous avez des blocs thématiques, nommez-les par thématique : Rando, Hiver...

Sections et éléments de section

Chaque bloc est constitué d’une ou plusieurs sections qui peuvent elles-mêmes contenir un ou plusieurs éléments.

Par exemple, il est possible de créer un bloc « Coordonnées » qui contiendra 3 sections :

  • une section « Téléphone », qui contiendra les éléments « Fixe » et « Mobile »
  • une section « Adresse postale » qui contiendra les éléments « Rue », « Ville » et « Code postal »
  • une section « Web » qui contiendra « URL » et « Email »

Les sections sont affichées les unes au-dessus des autres, séparées par un saut de ligne. Les éléments d’une même section sont affichés les uns à côté des autres sur la même ligne.

Pour ajouter des éléments à une section, il suffit de les glisser-déposer depuis la colonne de gauche où ils sont listés vers la section souhaitée dans la partie de droite.

Pour ajouter des sections à un bloc, il suffit de cliquer sur le bouton Ajouter une section en bas de la liste des sections.

Les éléments s’affichent dans l’ordre indiqué dans le bloc et dans la section.. Les sections à l’intérieur du bloc peuvent être réordonnées entre elles par glisser-déposer. Il est aussi possible de déplacer les éléments de section à l’intérieur d’une section ou même d’une section à l’autre.

Il est possible de donner un titre à une section pour s’y retrouver plus facilement dans le bloc.

Pour accéder aux options d’affichage d’une section, cliquer sur l’icône de route crantée sur sa droite.

Il est ainsi possible de lui associer un intitulé (affichée dans l’interface utilisateur au-dessus de la section), une dimension, une classe CSS… ainsi que de gérer l’affichage de éléments enfants : tableau ou colonne, nombre de colonnes, etc.

Éléments affichables

Les éléments disponibles pour remplir les sections sont visibles dans la colonne de gauche.

Afficher des éléments spéciaux

Afficher une photo

Ce type d’élément permet de gérer le redimensionnement des photos selon l’endroit où est utilisé le bloc. Il est possible d’afficher des champs complémentaires comme les crédits de la photo ou son titre.

Afficher un pictogramme

Pour insérer un pictogramme, il est possible d’utiliser une image déjà présente dans la médiathèque, d’en importer une directement depuis l’écran de l’élément de bloc ou d’utiliser le catalogue d’icônes FontAwesome disponible dans Bridge.

L’affichage du pictogramme doit être conditionné. Par exemple, insérer dans le bloc tous les pictogrammes de langues, chacun conditionné sur le critère « Langues parlées » et sur la modalité de langue souhaitée.

Afficher des dates / heures

Cet élément permet de sélectionner des types d’affichages prédéfinis :

Vous pouvez en voir le rendu dans notre article dédié.

Afficher un champ

Localisation

Identification

Contact

Commentaire

Tous les types de commentaires

Prestataire

Tous les champs relatifs au prestataire : raison sociale, nom, adresse…

Autres

Tous les critères et modalités du SIT importés dans les flux

Afficher un texte figé

Disponible dans les éléments spéciaux, le texte figé permet d’afficher un texte saisi manuellement.

Par exemple, il est possible de glisser entre deux éléments « Téléphone 1 » et « Téléphone 2 » le texte figé « – » conditionné sur la présence des 2 numéros de téléphone dans la fiche : ce signe s’affichera pour séparer les numéros s’ils sortent tous les deux mais ne s’affichera pas s’il n’y a aucun ou qu’un seul numéro dans la fiche.

Options d'affichage

Lors de l’ajout d’un critère/modalité dans un bloc, il est possible d’enrichir l’affichage de cet élément par différentes options :

Fonctions de mise en forme

Toutes les informations des critères/modalités affichées dans l’élément sous forme de texte peuvent être mises en forme grâce à l’option Mettre en forme / Modifier le texte. Il est possible de cumuler jusqu’à 3 fonctions de mise en forme pour un même élément.

Liens

Style

Modifications

Suffixes

Ces intitulés viennent s’ajouter après l’information à afficher dans l’élément.

Ils sont traduits automatiquement. Ils s’adaptent aussi à l’information : par exemple, le suffixe « Personnes » affichera « 1 personne » ou « 2 personnes » au singulier ou au pluriel selon le cas.

Web

Conditions d’affichage

Chaque élément de section peut être associé à une ou plusieurs conditions : si celles-ci ne sont pas remplies, l’élément ne s’affichera pas.
Par exemple, on ne veut afficher l’icône Téléphone ou Site web ou Courrier devant ces éléments que si la fiche contient réellement ces informations : on ne voudrait pas afficher une icône seule sans le texte correspondant.

Pour chaque élément auquel des conditions sont associées, il est possible de choisir si on souhaite qu’elles se cumulent ou non en sélectionnant Afficher l’élément si au moins une condition est remplie ou Afficher l’élément si toutes les conditions sont remplies.

Comme dans le module Éditions, les conditions sont de deux types : elles peuvent porter sur un champ ou sur un critère.

Condition sur un champ

Sélectionner un champ, un opérateur et une valeur (si elle est nécessaire pour l’opérateur) avant de valider.

Exemple : L’adresse sera affichée précédée d’une icône Enveloppe. Si l’adresse n’est pas renseignée, l’icône ne sera pas affichée non plus.

Condition sur un critère

Sélectionner un critère, la modalité souhaitée et l’opérateur souhaité avec éventuellement une valeur.

Opérateurs disponibles

Exemples d'utilisation :

  • Les variables > et < : pour les conditions tarifaires
  • Est renseigné – n’est pas renseigné : pour les informations saisies sous forme de texte ou numérique dans le SIT
  • Contient – ne contient pas : pour conditionner sur une partie de texte
  • Est coché – n’est pas coché : pour les listes déroulantes et cases à cocher

Les tutoriels

Créer des boutons liens vers les réseaux sociaux
[] Afficher les liens en QR Codes
Dans ce tutoriel vous verrez comment afficher un lien sous forme de QR Code
[] Créer un bloc descriptif
Dans ce tutoriel vous verrez comment créer et mettre en forme un bloc descriptif

Foire aux questions

Utilisez les tags pour organiser les blocs. 

Conseils :
Si vous utilisez plusieurs modules : nommez-les selon leur format ⇒ PDF / site internet / écrans
Si vous avez des blocs thématiques, nommez-les avec le nom de la thématique : rando / hiver…

Lors de l’ajout d’une photo, utilisez la condition d’affichage, et indiquez le ou les critères-modalités devant être remplis pour que la photo s’affiche.

A droite de chaque section, une route crantée vous permet d’accéder au paramétrage de section et des éléments enfants. 

A droite de chaque section, une route crantée vous permet d’accéder au paramétrage de section et des éléments enfants. 

Ce critère/modalité n’est probablement pas traduit dans votre SIT. 

Utilisez le texte figé de cet élément pour ajouter le texte dans la langue souhaitée.

Ce critère/modalité comporte une faute d’orthographe dans le SIT. Utilisez le texte figé de cet élément pour indiquer le texte que vous souhaitez utiliser.