Ideo3.2 Framework Documentation

Shortcodes

Liste des [[tags]] IDEO3.2

Bloc

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

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_#]]

**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]]
  • Logo pour l'affichage dans la page des logos uploadés dans les paramètres du site.
[[contact_logo]]

**Génère l'url de l'image uploadée pour le grand logo**
[[contact_logo]]
Ex : <img src="[[contact_logo]]" ...>

**Génère l'url de l'image uploadée pour le petit logo**
[[contact_logo|format=small]]
Ex : <img src="[[contact_logo|format=small]]" ...>

**Génère le code du SVG uploadé pour le grand logo**
[[contact_logo|type=svg]]

**Génère le code du SVG uploadé pour le petit logo**
[[contact_logo|format=small|type=svg]]
<insert-markup>shortcodes.bloc-</insert-markup>
// empty
Markup: ../../../snippets/components/empty.hbs
// empty
Source: src/cssframework_v2/less/doc.less, line 1629

Contact

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

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
[[contact_logo|format=small]] : Url relative du petit logo image
[[contact_logo|type=svg]] : Génère le SVG du grand logo
[[contact_logo|format=small|type=svg]] : Génère le SVG du petit logo

**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_googlemap]] : https://www.google.com/maps/place/26+Rue+Bellecordière+69002+Lyon/
[[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

**Non testé dans IDEO3.2**
[[contact_block]] : block contact complet
<insert-markup>shortcodes.contact-</insert-markup>
// empty
Markup: ../../../snippets/components/empty.hbs
// empty
Source: src/cssframework_v2/less/doc.less, line 1750

Url

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

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
<insert-markup>shortcodes.url-</insert-markup>
// empty
Markup: ../../../snippets/components/empty.hbs
// empty
Source: src/cssframework_v2/less/doc.less, line 1801

Widget

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

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
<insert-markup>shortcodes.widget-</insert-markup>
// empty
Markup: ../../../snippets/components/empty.hbs
// empty
Source: src/cssframework_v2/less/doc.less, line 1840