Shortcodes
Liste des [[tags]] IDEO3.2
Bloc
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}]]
- Depraciated !! ... Hero Slideshow # représente l'ID de la collection. Spécifique au Hero du site.
// DEPRECIATED, use [[hero_media #]] instead
[[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"
- 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.
// NEW, use type=auto to generate hero static image, hero video or hero slideshow
// Pass every options available for hero image, hero slideshow and hero video
[[hero_media_#|type=auto|options={autoplay,loop}|mode=hd|delay:5000|style1|hd]] => Automatique selon contenu de la collection, une seule image, plusieurs images ou une vidéo en première position de la collection.
- Collection d'image pour les carousels et les grilles ou # représente l'ID de la collection d'image.
[[collection_#]]
**Passer les ID séparés par des virgules pour utiliser plusieurs collections**
[[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]]
Markup: ../../../snippets/components/empty.hbs
// empty
src/cssframework_v2/less/doc.less, line 1634
Contact
Liste des Shortcodes et variations utilisables dans l'admin IDEO3.2
- Contact génére les données du client
**Logos**
[[contact_logo]] : Url relative du grand logo image. Ex : <img src="[[contact_logo]]" ...>
[[contact_logo|format=small]] : Url relative du petit logo image. Ex : <img src="[[contact_logo|format=small]]" ...>
[[contact_logo|type=svg]] : Génère le code du SVG du grand logo (si le format uploadé est du svg. ne pas inclure dans une balise <img>)
[[contact_logo|format=small|type=svg]] : Génère le SVG du petit logo (si le format uploadé est du svg ne pas inclure dans une balise <img>)
**Données clients**
[[contact_enseigne]] : Enseigne de l'entreprise
[[contact_nom]] : Raison sociale
[[contact_nomclient]]
[[contact_siret]]
[[contact_adresse]]
[[contact_cp]]
[[contact_ville]]
[[contact_email]]
[[contact_tel]]
[[contact_fax]]
[[contact_ndd]]
[[contact_mobile]]
[[contact_tel]] : 01 23 45 67 89
[[contact_calltracking]] : 09 ## ## ## ##
[[contact_calltracking|format=none]] : 09########
[[contact_calltracking|format=international]] : +33 9 ## ## ## ##
[[contact_calltracking|format=international_none]] : +339########
[[contact_calltracking|format=html]] : <a itemprop="telephone" href="tel:+339########">09 ## ## ## ##</a>
**NEW** spécifique au format html
[[contact_calltracking|format=html|options={"icon":"true"}]] : ajoute une icone devant le numeor de téléphone
[[contact_calltracking|format=html|options={"mention-tarif":"true"}]] : ajoute une mention tarifaire après le numeor de téléphone
[[contact_calltracking|format=html|options={"icon":"true","mention-tarif":"true"}]] : on peut cumuler les deux options
**Lien Google map**
[[contact_googlemap]] : génère le lien vers Google Map depuis l'adresse postale ou prend le premier lien GMB trouvé dans les paramètres du site. Ex : <a href="[[contact_googlemap]]" ...> => <a href="https://www.google.com/maps/place/26+Rue+Bellecordière+69002+Lyon/" ...>
[[contact_googlemap|id=4]] : permet de choisir quel lien GMB sera utilisé si plusieurs sont présents dans les paramètres du site.
Dans le cas ou l'ID n'est pas trouvé, le shortcode fera un fallback sur le comportement standard.
**Non testé dans IDEO3.2**
[[contact_block]] : block contact complet
Markup: ../../../snippets/components/empty.hbs
// empty
src/cssframework_v2/less/doc.less, line 1798
Liste de liens
Liste des short codes et variations utilisables dans l'admin IDEO3.2
- Menu de n'avigation génère une liste des liens du site ou # représente l'ID du menu.
[[menu_#]] où # représente l'ID du menu à générer.
[[menu_top]] pour générer le menu principal du site de la langue en cours
[[menu_left]] pour générer le menu de gauche du site de la langue en cours
[[menu_footer]] pour générer le menu du footer du site de la langue en cours
[[menu_mobile]] pour générer le menu mobile du site de la langue en cours
- Social link génére une liste des réseaux sociaux
[[social_link]]
- Language link génére une liste de liens vers les langues du site
**Génère le bon code HTML pour le panel de préférences des sites IDEO3.2**
[[language_link|context=sheet]]
**Le tag seul sans context est déprécié pour IDEO3.2**
[[language_link]]
- Settings génére une liste boutons de paramètres (darkmode ...)
**Génère le ode HTML pour le panel de préférences des sites IDEO3.2**
[[settings]]
Markup: ../../../snippets/components/empty.hbs
// empty
src/cssframework_v2/less/doc.less, line 1590
Url
Liste des Shortcodes et variations utilisables dans l'admin IDEO3.2
- URL génére des url
**Type de page**
[[url_accueil]] => renvoi l'url de la page d'accueil de la langue en cours
[[url_contact]] => renvoi l'url de la page de contact de la langue en cours
[[url_mentions]] => renvoi l'url de la page de mentions légales de la langue en cours
[[url_plansite]] => renvoi l'url de la page de plan du site de la langue en cours
[[url_avis]] => renvoi l'url de la page d'avis de la langue en cours
[[url_newsletter]] => renvoi l'url de la page d'inscription à la newsletter de la langue en cours
**Module Deliver**
[[deliver_link]] => url deliver par défaut (réservation et theme light)
[[deliver_link|url=booking]] => url deliver reservation (idem lien par défaut si rien de préciser)
[[deliver_link|url=products]] => url deliver commande
[[deliver_link|url=offers]] => url deliver formules
[[deliver_link|theme=dark]] => url deliver par défaut + theme sombre
[[deliver_link|url=products|theme=dark]] => combinaison url deliver commande + theme sombre
**Module Planner**
[[planner_link]] url planner par défaut
[[planner_link|url=giftcard]] url planner sur les carte cadeaux.
**Autre**
[[ptr]] : racine du site
[[binaries_dir]]/filename.ext : renvoi l'url du dossier binaries sans le protocole
Markup: ../../../snippets/components/empty.hbs
// empty
src/cssframework_v2/less/doc.less, line 1851
Widget
Liste des Shortcodes et variations utilisables dans l'admin IDEO3.2
- Widget génére un widget html
[[widget_reviews]] Note reviews
**Uniquement pour les sites LINKEO !**
[[linkeo_google_partner]] => show Google Partrner Badge
Markup: ../../../snippets/components/empty.hbs
// empty
src/cssframework_v2/less/doc.less, line 1890