Voici la liste des balises proposés par Liquid :
| Nom | Description |
|---|---|
| assign | Cette balise permet de créer une variable et de lui attribuer une valeur, qui pourra être utilisée plus tard dans le modèle Liquid. |
| break | Cette balise permet d'interrompre immédiatement une boucle for en cours d'exécution. |
| capture | Cette balise permet de capturer un bloc de texte ou de code Liquid dans une variable pour une réutilisation ultérieure. |
| case | Cette balise permet d'évaluer une expression et d'exécuter différents blocs de code selon les valeurs correspondantes (équivalent à switch). |
| comment | Cette balise permet d'ajouter des commentaires dans le code Liquid qui ne seront pas affichés dans la sortie HTML finale. |
| content_for | Cette balise permet d'insérer dynamiquement un contenu spécifique à certains emplacements prédéfinis, comme content_for_header. |
| continue | Cette balise permet de passer immédiatement à l'itération suivante d'une boucle for sans exécuter le reste du code dans la boucle. |
| cycle | Cette balise permet d'alterner cycliquement entre plusieurs valeurs, utile pour gérer des motifs récurrents comme les classes CSS. |
| decrement | Cette balise permet de diminuer de 1 la valeur d'une variable compteur précédemment définie. |
| doc | Cette balise permet d'inclure de la documentation interne au sein du thème, généralement pour les développeurs. |
| echo | Cette balise permet d'afficher le résultat d'une expression ou d'une variable, similaire à {{ }}. |
| else | Cette balise permet de définir une alternative dans les structures conditionnelles comme if ou les boucles for. |
| for | Cette balise permet de créer une boucle sur une collection, répétant un bloc de code pour chaque élément. |
| form | Cette balise permet de générer un formulaire HTML lié à une ressource Shopify, comme un produit ou un client. |
| if | Cette balise permet d'exécuter un bloc de code uniquement si une condition est vraie. |
| include | Cette balise permet d'insérer un fichier de fragment Liquid réutilisable dans un modèle. (Remplacée progressivement par render) |
| increment | Cette balise permet d'augmenter de 1 la valeur d'une variable compteur, sans avoir besoin de la définir auparavant. |
| javascript | Cette balise permet d'encapsuler du code JavaScript à inclure dans une section Liquid, souvent dans les fichiers theme.liquid. |
| layout | Cette balise permet de spécifier le fichier de mise en page (layout) que doit utiliser une page Liquid donnée. |
| liquid | Cette balise permet d'écrire plusieurs expressions Liquid à l'intérieur d'un même bloc, facilitant la lisibilité du code. |
| paginate | Cette balise permet de diviser une grande collection en plusieurs pages et d'accéder aux métadonnées de pagination. |
| raw | Cette balise permet d'écrire du texte ou du code qui ne doit pas être interprété par Liquid. |
| render | Cette balise permet d'inclure un fragment Liquid (partial) tout en lui transmettant des variables locales. |
| section | Cette balise permet de définir une section dynamique de contenu qui peut être personnalisée dans l'éditeur de thème. |
| sections | Cette balise permet d'inclure automatiquement toutes les sections définies dans la mise en page principale d'un thème. |
| style | Cette balise permet d'inclure du CSS ou du code de style dans un modèle Liquid, souvent dans l'en-tête de la page. |
| stylesheet | Cette balise permet de lier un fichier CSS externe ou généré dynamiquement à un thème Shopify. |
| tablerow | Cette balise permet de créer des tableaux HTML en parcourant une collection, en spécifiant le nombre d'éléments par ligne. |
| unless | Cette balise permet d'exécuter un bloc de code uniquement si une condition est fausse (inverse de if). |
Dernière mise à jour : Dimanche, le 19 avril 2020