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