> ## Documentation Index
> Fetch the complete documentation index at: https://dokumentation.websale.de/llms.txt
> Use this file to discover all available pages before exploring further.

# Modifiers

> Reference for WEBSALE template modifiers (filters) used to format text, round numbers, transform lists and adjust output values directly inline.

This page describes the basics and syntax of modifiers. Modifiers (also called filters) are used to modify, format, or check values in the template directly upon output or further processing — for example, adjusting text, rounding numbers, or transforming lists.

***

## Basics & syntax

Modifiers are not written as a standalone function call but applied to an existing value.

A modifier always processes the value to its left. The result can be output directly or stored in a variable for later reuse.

Modifiers are "appended" to a value with the pipe operator `|`:

```html theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}}
{{= <value> | <modifier> }}
```

If a modifier requires additional parameters, these are specified in parentheses:

```html theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}}
{{= <value> | <modifier>(<parameter1>, <parameter2>, ...) }}
```

## Modifier overview

A complete list of all available modifiers is not maintained separately here, since almost all global functions from the reference page [Functions](/en/frontend/referenz/funktionen) can also be used as modifiers.

## Examples

### **Example** `upper`

Output value in uppercase

```html theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}}
{{= "Sneaker Classic" | upper }}
```

\=

```text theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}}
SNEAKER CLASSIC
```

### **Example** `replace` and `lower`

Prepare value for URL/slug (replace spaces + lowercase)

```html theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}}
{{= "Sneaker Classic" | replace(" ", "-") | lower }}
```

\=

```text theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}}
sneaker-classic
```