Liquid Programming Language

Liquid Syntax

{% %} --> logic
{{ }} --> output



boolean Operators
< <= == != >= >
or and 
contains 

How Liquid Works on Shopify

• User Request
• Shopify works out store
• Shopify selects the liquid template
• liquid placeholders replaced with data stored
• Compiled html file sent to browser
• Browser processes html and fetches required js,css,etc.
• source

Load Liquid Template

// layout/fullwidth.liquid


{% layout 'fullwidth' %}

Directory Structure

root
	|__Layout
	|__Templates
	|__Sections
	|__Snippets
	|__Assets
	|__Config
	|__Locales

Return to Programming