mirror of
https://github.com/Shopify/liquid.git
synced 2026-09-12 23:40:45 -07:00
Julia BoutinandGuilherme Carreiro
99116638fd
This commit updates the render method to share parts of the snippet and block rendering logic to enable inline snippets to support `with`, `for`, and `as` syntax
44 lines
1.2 KiB
Plaintext
44 lines
1.2 KiB
Plaintext
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Inline Snippets</title>
|
|
|
|
<body>
|
|
<div class="liquid" style="font-size: 56px;">
|
|
|
|
{% assign foo = true %}
|
|
{% assign linktext = "variable" %}
|
|
|
|
{% snippet main %}
|
|
{% assign foo = false %}
|
|
<p>Hi {{ arg | upcase }}!!!</p>
|
|
|
|
<p>This is an inline snippet</p>
|
|
|
|
<ul>
|
|
<li><a href="/wow-a-link">wow a {{ linktext }}</a></li>
|
|
<li>1 + 1 = {{ 1 | plus: 1 }}</li>
|
|
<li>{% if true %}Yes!{% endif %}</li>
|
|
<li>foo = {% if foo %}true{%else%}false{% endif %}</li>
|
|
<li>{{ missing_var | default: 'fallback' }}</li>
|
|
</ul>
|
|
{% endsnippet %}
|
|
|
|
{% render main, arg: 'lsf', ... %}
|
|
{{ foo }}
|
|
|
|
{% snippet listitem %}
|
|
<li>{{ forloop.index }}: {{ emoji }}</li>
|
|
{% endsnippet %}
|
|
|
|
{% assign emojis = "🌼,🌳,🌸" | split: "," %}
|
|
<ul style="list-style-type: none; display: flex; gap: 1em;">
|
|
{%- render listitem for emojis as emoji -%}
|
|
</ul>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|