Ideo3.2 Framework Documentation

Liste des Shortcodes et variations utilisables dans l'admin IDEO3.2

• H1 génère le h1 de la page.

[[h1]]

**Forcer l'alignement à gauche**
[[h1|align-start]]

• Formulaire génère un formulaire ou # représente l'ID du formulaire.

[[form_#]]

• Plan génère un plan google map ou # représente l'ID du plan.

[[map_#]]

• Bloc Image ou # représente l'ID de l'image.

[[img_#]]

**Ajoute la class du style d'image de l'ambiance**
[[img_#|style=amb]]

• Depraciated !! ... Hero Image ou # représente l'ID de l'image. Spécifique au Hero du site.

// DEPRECIATED, use [[hero_media #]] instead
[[hero_img_#]]
[[hero_img_#|hd]] => force l'affichage d'une image 1920. Nécéssite d'avoir uploader une image d'au moins 1920px de large après la mise en prod IDEO du 2 aout 2023

• Depraciated !! ... Hero Video # représente l'ID du fichier vidéo uploader dans l'admin. Spécifique au Hero du site.

// DEPRECIATED, use [[hero_media #]] instead
[[video_#]]
[[video_#|options={autoplay,loop}]]

• Hero Media # représente l'ID d'une collection d'image/video. Spécifique au Hero du site.

[[hero_media_#|type=img|mode=hd]] => Utilisera la première image trouvée dans la collection. mode=hd necessite	d'avoir uploader une image d'au moins 1920px de large apres la mise en prod IDEO du 2 aout 2023
[[hero_media_#|type=video|options={autoplay,loop}]] => Utilisera la première video trouvée dans la collection.

• Hero Slideshow # représente l'ID de la collection. Spécifique au Hero du site.

[[hero_slideshow_#]]

**Options**
[[hero_slideshow_#|hd]] => force l'affichage d'une image 1920. Nécéssite d'avoir uploader une image d'au moins 1920px
[[hero_slideshow_#|delay:5000]] => définir la duree d'affichage en millisecondes (par défaut 10000)
[[hero_slideshow_#|style1]] => choix du style (de 1 à 5)
[[hero_slideshow_#|format:square]] => format de l'image "landscape", "square" ou "portrait"
[[hero_slideshow_#|infos:title]] => affichage des textes "title" ou "full"

• Collection d'image pour les carousels et les grilles ou # représente l'ID de la collection d'image.

[[collection_#]]

**Mode haute définition**
[[collection_#|hd]] (force l'affichage d'une image 1920. Nécéssite d'avoir uploader une image d'au moins 1920px)

**Affichage des textes**
[[collection_#|infos:none]] (par defaut si rien de préciser)
[[collection_#|infos:title]]
[[collection_#|infos:full]]

**Type d'action**
[[collection_#|action:none]] (par defaut si rien de préciser)
[[collection_#|action:zoom]]
[[collection_#|action:link]]

**Type de lien**
[[collection_#|linktype:img]] (par defaut si rien de préciser)
[[collection_#|linktype:text]]
[[collection_#|linktype:button]]

• SVG include génére le SVG dans la page (déprécié)

[[svg_include:svg/phone/phone1.svg]]

• SVG collection génére le SVG dans la page selon la collection d'icon choisie dans les paramètres du site

[[svg_collection:menu]]

• Content genère le contenus des textes "HERO" et "CALL TO ACTION" du panel "Paramètres" du site.

** Les textes sont formatés avec des balises HTML. Il ne faut donc pas mettre les shortcodes dans des balises <p>,<h1>, ...  mais dans des <div> **

[[content_eyebrow]] ** Hero Eyebrow **
Ex : <div class="blk-text hero__eyebrow">[[content_eyebrow]]</div>

[[content_headline]] ** Hero Headline **
Ex : <div class="blk-text hero__headline">[[content_headline]]</div>

[[content_copy]] ** Hero Copy **
Ex : <div class="blk-text hero__copy">[[content_copy]]</div>

[[content_cta]] ** Texte d'appel à l'action du Footer et du Panel Contact **
Ex : <div class="blk-sheet__section"> [[content_cta]] [[cta_1]] </div>

• Brand genère un block logo complet sur base des logos uploadés dans l'admin.

[[brand]]

**Génère le block avec image du grand logo uploadé**
[[brand]]

**Génère le block avec image du petit logo uploadé**
[[brand|format=small]]

**Option pour afficher le nom de enseigne en texte **
[[brand|name=true]]

**Option pour changer la taille d'affichage du block (ajoute une class CSS) **
[[brand|size=tiny]]
[[brand|size=small]]
[[brand|size=medium]]
[[brand|size=large]]

• Opening hours genère un block horaires complet sur base des horaires structurées dans la base linkfirst.

[[openinghours]]

**Option pour regrouper les horaires similaires qui se suivent.**
[[openinghours|group_similar]]

**Option pour démarrer la semaine le dimanche.**
[[openinghours|sunday_first]]

**Option pour afficher les horaires à l'anglaise.**
[[openinghours|format=english]]