| Fiche technique | |
|---|---|
| Type de produit : | Langage de programmation |
| Auteur : | Shopify Inc. |
| Date de publication : | 2008 |
Introduction
Le langage de programmation Liquid est le langage de programmation de balises proposé aux clients de Shopify Inc. afin de leur permettre de personnalisé leurs sites selon leurs besoins. Le langage de programmation est un modèle sécurisé et orienté client pour les applications Web flexibles. Le code de Liquid peut être classé en objets, balises et filtres.
Liquid est un langage de gabarit open source créé par Shopify. Il permet de générer dynamiquement du contenu HTML dans des thèmes Shopify. Il est utilisé par de nombreux projets logiciels au-delà de Shopify.
Un langage de gabarit, comme Liquid, permet de mélanger contenu statique et données dynamiques. Par exemple, on peut créer un modèle de produit unique s'adaptant selon le produit affiché. Cela rend la conception de pages plus flexible et réutilisable.
Shopify propose une version étendue de Liquid, adaptée à ses thèmes. Elle comprend des balises, des filtres et des objets propres aux boutiques Shopify. D'autres variantes existent aussi pour les avertissements, Shopify Flow ou les bons de commande.
Liquid permet d'afficher dynamiquement des objets comme des produits, titres ou prix. Des balises définissent la logique (conditions, boucles), et des filtres transforment les sorties. Il existe six types de données de base pour gérer ces objets.
Les balises Liquid, encadrées par {% %}, permettent de définir des instructions logiques. Elles ne produisent pas de contenu visible directement. Par exemple, une balise if permet d'afficher un message conditionnellement selon un produit.
Les filtres Liquid, comme upcase ou truncate, s'appliquent aux variables pour modifier leur affichage. On les place entre doubles accolades {{ }} et on les relie avec le caractère |. Plusieurs filtres peuvent être enchaînés sur une même variable.
Les objets Liquid représentent les données disponibles dans une boutique Shopify. Cela inclut les collections, produits, en-têtes ou fonctions comme la recherche. Certains objets sont globaux, d'autres limités à un contexte, et on peut aussi créer ses propres variables.
Liquid Shopify vs Liquid Dynamics 365
| Critère | Liquid (Shopify) | Liquid (Dynamics 365 / Power Pages) |
|---|---|---|
| Origine | Créé par Shopify Inc. en Ruby en 2006 | Basé sur Shopify Liquid, mais adapté par Microsoft pour Power Pages |
| Objectif principal | Générer dynamiquement du HTML dans les boutiques en ligne Shopify | Afficher des données dynamiques depuis Dataverse dans les sites web Power Pages |
| Langage d'implémentation | Ruby | .NET (interprété par un moteur interne à Power Pages) |
| Fonctionnalité de base | Boucles, conditions, filtres, variables, gabarits | Même base : boucles, conditions, filtres, variables, mais orienté Dataverse |
| Accès aux données | Accès aux objets de boutique : produits, collections, paniers, clients | Accès aux tables Dataverse : comptes, contacts, cas, formulaires personnalisés |
| Filtres personnalisés | Nombreux, orientés e-commerce (exemple money, img_url, pluralize) | Filtres adaptés à Power Pages (exemple entity, fetchxml, adx_*) |
| Extensions / balises spécifiques | Shopify ajoute ses propres balises : form, paginate, section,... | Microsoft ajoute ses balises : entityview, webpage, fetchxml,... |
| Écosystème | Exclusif à Shopify, mais utilisé aussi par d'autres projets open source | Utilisé uniquement dans Power Pages (anciennement Dynamics 365 Portals) |
| Interopérabilité | Compatible uniquement avec les objets Shopify | Étroitement intégré à Power Platform, Dataverse, Power Apps |