HTML

HTML

HTML filters create HTML elements based on Liquid properties or a store's assets.



script_tag

Syntax:

{{ script | script_tag }}

{{ 'shop.js' | asset_url | script_tag }}


<script src="/accounts/demo_versacommerce_de/designs/standard/assets/shop.js" type="text/javascript"></script>


stylesheet_tag

Syntax:
{{ stylesheet | stylesheet_tag }}

{{ 'shop.css' | asset_url | stylesheet_tag }}

<link href="/accounts/demo_versacommerce_de/designs/standard/assets/shop.css" rel="stylesheet" media="all" type="text/css"/>


img_tag

Syntax:
{{ url | img_tag alt, width, height }}

{{ 'kopfleiste.png' | asset_url | img_tag }}

<img src="/accounts/demo_versacommerce_de/designs/standard/assets/kopfleiste.png" alt=""/>

Parameter müssen in einer festgelegten Reihenfolge übergeben werden. Soll ein Parameter nicht angegeben werden, dann muß an seiner Stelle der Wert “NULL” gesetzt werden.

Asset mit “alt”- und “width”- Attribut ausgeben

{{ 'kopfleiste.png' | asset_url | img_tag: 'Online-Store', '350px' }}

<img src="/accounts/demo_versacommerce_de/designs/standard/assets/kopfleiste.png" alt="Online-Store" height="150px" />


html_to_plain_text

Syntax:
{{ text | html_to_plain_text }}

{{  "Meier & Meier<br><br><br><ul><li>Eins</li><li>Zwei</li><li>Drei</li></ul>" | html_to_plain_text }}

Meier & Meier

* Eins
* Zwei


escape

Syntax:
{{ text | escape }}

{{  "Meier & Meier" | escape }}

Meier & Meier

    • Related Articles

    • Page_title

      Gibt den Titel der aktuell angezeigten Seite zurück. Template Entsprechung oder Wert index.html Name der Startseite page.html Seitentitel product.html Produktname collection.html Kollektionsname cart.html Warenkorb
    • Template

      Template Inhalt der Variable template index.html index collection.html collection product.html product page.html page cart.html cart checkout/payment payment checkout/confirm confirm checkout/thankyou thankyou Dieser Code könnte in das Template ...
    • Object

      ​Die Variable object beinhaltet je nach aufgerufener Seite die Variable page bei Aufruf der Vorlage page.html, collection bei Aufruf der Vorlage collection.html oder product bei Aufruf der Vorlage product.html. Alle drei Objekttypen verfügen über ...
    • Text

      Alias:t. Gibt den passenden Text aus der entsprechenden Sprachdatei aus. Näheres zu den Sprachdateien siehe locales Syntax: schlüssel | t: variable: wert Sind keine Variablen in dem auszugebenen Text vorhanden, entfallen die Parameter “variable: ...
    • Format

      formatted_money Formatiert den Preis basierend auf dem HTML-Code des Shops ohne Währungseinstellung. Syntax: {{ price | formatted_money}} Dieses Produkt kostet: {{ product.price | formatted_money }} Dieses Produkt kostet: 3,95 € Hinweise Die Einheit ...