Text Layer Syntax Reference and Styling

Use Liquid and Pango syntax to enhance your image textlayers with sophisticated markup and styling

Filters #

Filters transform a variable value. Chain multiple filters with |:

{{ title | truncate: 30 | upcase }}

Syntax	Description · Example
`{{ title \| upcase }}`	Converts to uppercase. "sale" → "SALE"
`{{ title \| downcase }}`	Converts to lowercase. "SALE" → "sale"
`{{ title \| capitalize }}`	Uppercases the first character, lowercases the rest. "hELLO" → "Hello"
`{{ title \| strip }}`	Removes leading and trailing whitespace. " hi " → "hi"
`{{ title \| prepend: "prefix" }}`	Adds a string before the value. "world" → "prefixworld"
`{{ title \| append: "suffix" }}`	Adds a string after the value. "hello" → "hellosuffix"
`{{ title \| replace: "and", "&" }}`	Replaces every occurrence of the first argument with the second. "a and b" → "a & b"
`{{ title \| truncate: 30 }}`	Truncates to N characters total — the ellipsis ("...") counts toward the limit. "Hello World" \| truncate: 8 → "Hello..."
`{{ title \| truncate: 30, "…" }}`	Truncates with a custom ellipsis string. "Hello World" \| truncate: 7, "…" → "Hello W…"
`{{ title \| truncatewords: 3 }}`	Truncates to at most N words. "one two three four" \| truncatewords: 2 → "one two..."
`{{ title \| default: "fallback" }}`	Returns the fallback value when the variable is empty or undefined. "" \| default: "N/A" → "N/A"
`{{ price \| round }}`	Rounds to the nearest integer. Non-numeric input is returned unchanged. "3.7" → "4"
`{{ price \| round: 2 }}`	Rounds to N decimal places. "3.14159" \| round: 2 → "3.14"
`{{ price \| ceil }}`	Rounds up to the nearest integer. "4.1" → "5"
`{{ price \| floor }}`	Rounds down to the nearest integer. "4.9" → "4"

{% if variable %}...{% endif %}

Renders the block when the variable is present and non-empty.

{% if price > 0 %}...{% endif %}

Numeric comparison. Operators: >, <, >=, <=, ==, !=. Evaluates to false when the variable is not numeric.

{% if vendor == "Nike" %}...{% endif %}

String comparison (case-sensitive). Operators: ==, !=.

{% if variable %}...{% else %}...{% endif %}

Renders the if-branch when the condition is true, the else-branch otherwise.

{% unless variable %}...{% endunless %}

Logical inverse of if — renders when the condition is false. Supports the same condition forms and an optional else branch.

Note: {% elsif %} and nested conditionals are not supported.

Pango markup can be edited directly in Code view mode. The inline toolbar creates these tags automatically.

Syntax	Description
`<b>Sale</b>`	Bold text
`<i>limited offer</i>`	Italic text
`<u>free shipping</u>`	Underlined text
`<s>$49.99</s>`	Strikethrough text
`<span foreground="#e63946">hot deal</span>`	Text color (hex value)
`<span weight="700">important</span>`	Font weight (100–900)
`<span size="50%">small</span>`	Font size as percentage (5%–200%)

These attributes are not available via the toolbar but can be used in Code view.

Syntax	Description
`<span strikethrough="true" strikethrough_color="#e63946"><s>$49.99</s></span>`	Colored strikethrough line
`<span bgcolor="#fff3cd">highlighted</span>`	Background / highlight color
`<span line_height="1.5">spaced text</span>`	Line height multiplier (e.g. 1.5 for 150%)

Pro tip: Use your personal AI agent to create sophisticated template markup and styling.

Syntax	Description · Example
`{{ title \| upcase }}`	Converts to uppercase. "sale" → "SALE"
`{{ title \| downcase }}`	Converts to lowercase. "SALE" → "sale"
`{{ title \| capitalize }}`	Uppercases the first character, lowercases the rest. "hELLO" → "Hello"
`{{ title \| strip }}`	Removes leading and trailing whitespace. " hi " → "hi"
`{{ title \| prepend: "prefix" }}`	Adds a string before the value. "world" → "prefixworld"
`{{ title \| append: "suffix" }}`	Adds a string after the value. "hello" → "hellosuffix"
`{{ title \| replace: "and", "&" }}`	Replaces every occurrence of the first argument with the second. "a and b" → "a & b"
`{{ title \| truncate: 30 }}`	Truncates to N characters total — the ellipsis ("...") counts toward the limit. "Hello World" \| truncate: 8 → "Hello..."
`{{ title \| truncate: 30, "…" }}`	Truncates with a custom ellipsis string. "Hello World" \| truncate: 7, "…" → "Hello W…"
`{{ title \| truncatewords: 3 }}`	Truncates to at most N words. "one two three four" \| truncatewords: 2 → "one two..."
`{{ title \| default: "fallback" }}`	Returns the fallback value when the variable is empty or undefined. "" \| default: "N/A" → "N/A"
`{{ price \| round }}`	Rounds to the nearest integer. Non-numeric input is returned unchanged. "3.7" → "4"
`{{ price \| round: 2 }}`	Rounds to N decimal places. "3.14159" \| round: 2 → "3.14"
`{{ price \| ceil }}`	Rounds up to the nearest integer. "4.1" → "5"
`{{ price \| floor }}`	Rounds down to the nearest integer. "4.9" → "4"