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


Notes mentioning this note