Introduction au Liquid

Liquid

Liquid est un langage de programmation simple qui indique à ZookShop comment afficher du contenu. Il est utilisé en conjonction de HTML et du CSS. Il y a deux types de tag Liquid :

• {% quelquechose %} - ceci est une balise de logique. Rien ne sera affiché en utilisant cette balise
• {{ quelquechose }} - ceci est une balise de sortie. À utiliser pour afficher du contenu

For example, if we want to display your shop's name in the layout we use the output tags {{ }}:

<h1>{{ shop.name }}<h1>

Templates

Les templates contrôlent l'apparence du contenu de votre boutique. Par exemple, si un client consulte la fiche d'un de vos produits, ZookShop utilisera le template product.liquid pour afficher la page.

Variables de templates

Les variables de template permettent d'accéder aux données de votre boutique. Voici des exemples courants:

product.name - retourne le nom du produit product.url - retourne l'URL du produit

Filtres

Les filtres manipulent l'affichage des variables de template. Par exemple, si voulez afficher le prix 99€ pour un produit, et que vous utilisez {{ product.price }}, ZookShop affichera le prix comme "99.00". Vous devez utiliser un filtre pour afficher le prix comme il vous plaît, exemples:

{{ product.price | money }} affichera 99,00 € {{ product.price | money_with_span }} => 99,00 <span class="currency">€</span> {{ product.price | money:'long' }} => 99,00 EUR

Logique

Les instructions logiques incluent les tags, opérateurs, conditions, etc.

Exemple: disons que vous êtes sur le template product.liquid et que vous souhaitez afficher le message "Livraison gratuite", mais seulement pour les produits dont le prix est supérieur à 100€, vous utiliserez la condition suivante :

{% if product.price > 100 %} Livraison gratuite {% else %} Pas de livraison gratuite {% endif %}