76 lines
1.5 KiB
HTML
76 lines
1.5 KiB
HTML
|
<h2>Comments</h2>
|
|||
|
|
<pre><code>{% comment %}This is a comment{% endcomment %}</code></pre>
|
|||
|
|
|
|||
|
|
<h2>Control Flow</h2>
|
|||
|
|
|
|||
|
|
Liquid provides multiple control flow statements.
|
|||
|
|
|
|||
|
|
<h3>if</h3>
|
|||
|
|
<pre><code>
|
|||
|
|
{% if customer.name == 'kevin' %}
|
|||
|
|
Hey Kevin!
|
|||
|
|
{% elsif customer.name == 'anonymous' %}
|
|||
|
|
Hey Anonymous!
|
|||
|
|
{% else %}
|
|||
|
|
Hi Stranger!
|
|||
|
|
{% endif %}
|
|||
|
|
</code></pre>
|
|||
|
|
|
|||
|
|
<h3>unless</h3>
|
|||
|
|
|
|||
|
|
The opposite of <code>if</code> – executes a block of code only if a certain condition is not met.
|
|||
|
|
|
|||
|
|
<pre><code>
|
|||
|
|
{% unless product.title == 'Awesome Shoes' %}
|
|||
|
|
These shoes are not awesome.
|
|||
|
|
{% endunless %}
|
|||
|
|
</code></pre>
|
|||
|
|
|
|||
|
|
<h3>case</h3>
|
|||
|
|
|
|||
|
|
Creates a switch statement to compare a variable with different values. <code>case</code> initializes the switch statement, and <code>when</code> compares its values.
|
|||
|
|
|
|||
|
|
<pre><code>
|
|||
|
|
{% assign handle = 'cake' %}
|
|||
|
|
{% case handle %}
|
|||
|
|
{% when 'cake' %}
|
|||
|
|
This is a cake
|
|||
|
|
{% when 'cookie' %}
|
|||
|
|
This is a cookie
|
|||
|
|
{% else %}
|
|||
|
|
This is not a cake nor a cookie
|
|||
|
|
{% endcase %}
|
|||
|
|
</code></pre>
|
|||
|
|
|
|||
|
|
<h3>for</h3>
|
|||
|
|
|
|||
|
|
Repeatedly executes a block of code.
|
|||
|
|
|
|||
|
|
break = Causes the loop to stop iterating when it encounters the break tag.
|
|||
|
|
continue = Causes the loop to skip the current iteration when it encounters the continue tag.
|
|||
|
|
|
|||
|
|
<pre><code>
|
|||
|
|
{% for i in (1..10) %}
|
|||
|
|
{% if i == 4 %}
|
|||
|
|
{% break %}
|
|||
|
|
{% elsif i == 6 %}
|
|||
|
|
{% continue %}
|
|||
|
|
{% else %}
|
|||
|
|
{{ i }}
|
|||
|
|
{% endif %}
|
|||
|
|
{% endfor %}
|
|||
|
|
</code></pre>
|
|||
|
|
|
|||
|
|
<h3>range</h3>
|
|||
|
|
|
|||
|
|
<pre><code>
|
|||
|
|
{% for i in (3..5) %}
|
|||
|
|
{{ i }}
|
|||
|
|
{% endfor %}
|
|||
|
|
|
|||
|
|
{% assign num = 4 %}
|
|||
|
|
{% for i in (1..num) %}
|
|||
|
|
{{ i }}
|
|||
|
|
{% endfor %}
|
|||
|
|
</code></pre>
|