Qu'est-ce que le Liquid template language sur Shopify ?
Le Liquid template language est un langage de balisage utilisé par Shopify pour créer des thèmes personnalisés et dynamiques. Développé par Shopify, il s'apparente à des langages de modèles comme les fichiers EJS en Node.js ou les fichiers Twig en PHP.
Liquid fonctionne en intégrant des balises, des objets et des filtres directement dans le HTML, permettant ainsi de récupérer des données dynamiques issues de la boutique. Voici une description plus détaillée de ses composants :
-
Balises : elles permettent le contrôle du flux logique, y compris les boucles et les conditions. Par exemple :
-
{% if product.available %}- vérifie si un produit est disponible. -
{% for product in collections.frontpage.products %}- itère à travers des produits dans une collection.
-
-
Objets : utilisés pour afficher des contenus de données provenant de votre boutique Shopify. Par exemple :
-
{{ product.title }}- affiche le titre du produit. -
{{ shop.name }}- affiche le nom de la boutique.
-
-
Filtres : ils permettent de modifier la sortie de texte, de nombres, de dates, etc. Par exemple :
-
{{ product.price | money }}- formate un prix en utilisant le format monétaire de la boutique. -
{{ "a string" | upcase }}- convertit un texte en majuscules.
-
Une anecdote pertinente pour illustrer l'utilisation du Liquid template language est celle de Jane, une propriétaire de boutique qui souhaitait afficher de manière créative les avis clients sur la page de chaque produit. Elle a utilisé des balises pour vérifier si des avis étaient disponibles, des objets pour récupérer les détails de chaque avis et des filtres pour formater les dates des avis. Par exemple, elle a utilisé : {% if product.reviews.size > 0 %} pour vérifier la disponibilité des avis, et {{ review.content | escape }} pour afficher le contenu, tout en s'assurant que les caractères spéciaux soient correctement échappés. Grâce à Liquid, Jane a pu offrir une présentation dynamique et attrayante de chaque avis, augmentant ainsi la crédibilité de ses produits et la satisfaction de ses clients.
Pour en savoir plus sur le Liquid template language, vous pouvez consulter la documentation officielle de Shopify ou faire appel à une agence Shopify spécialisée pour vous accompagner dans vos projets.
