Siteleaf Liquid Syntax

Siteleaf Liquid support for Sublime Text

This is a fork of the shopify-liquid syntax, which was based off of the Djaniero package for Django.

Installation

Suggested: Install using Package Control. Search for “Siteleaf Liquid Syntax”.

Or install manually:

1. Clone this repo
2. Put the contents of this repo directly inside:

• OS X: ~/Library/Application Support/Sublime Text 3/Packages/
• Windows: %APPDATA%/Sublime Text 3/Packages/
• Linux: ~/.config/sublime-text-3/Packages

After installing:

You might need to switch to the syntax mode. (shift + cmd + p, search for Liquid, “Set Syntax: HTML (Liquid)”)

Autocomplete

To show the autocomplete suggestions, your cursor must be within a tag markup or output marker wrapper ({% %} or {{ }})

Then press ctrl + spacebar, or add the following to your user settings file:

"auto_complete_selector": "source - comment, text.html.liquid punctuation.output.liquid, text.html.liquid punctuation.tag.liquid"

Snippets

Some handy snippets:

IF statement

if + tab >>>

{% if $1 %}
  $2
{% endif %}

Tag markup

% + tab >>>

{% $1 %}

Assign

assign + tab >>>

{% assign $1 = $2 %}

Capture

capture + tab >>>

{% capture $1 %}$2{% endcapture %}

Comment

comment + tab >>>

{% comment %}$0{% endcomment %}

Context variable

va + tab >>>

{{ $1 }}

Cycle

cycle + tab >>>

{% cycle $1 %}

Else

else + tab >>>

{% else %}

Elsif

elsif + tab >>>

{% elsif $1 %}

Endcapture

endcapture + tab >>>

{% endcapture %}

Endfor

endfor + tab >>>

{% endfor %}

Endif

endif + tab >>>

{% endif %}

Endraw

endraw + tab >>>

{% endraw %}

For

for + tab >>>

{% for $1 in $2 %}
    $3
{% endfor %}

For a full list, check out the “Snippets” folder.