Metafield filters
Metafelder-Filter können Metafelder-Daten aus einem Metafelder-Objekt innerhalb eines relevanten HTML-Elements oder als einfache Zeichenkette ausgeben.
Inhalt
- metafield_tag
- single_line_text_field
- multi_line_text_field
- page_reference
- product_reference
- variant_reference
- file_reference
- number_integer
- number_decimal
- date
- date_time
- url
- json
- boolean
- color
- weight
- volume
- dimension
- rating
- metafield_text
metafield_tag
Erzeugt ein HTML-Element in Abhängigkeit von der Art des Metafeldes.
{{ product.metafields.instructions.wash | metafield_tag }}
Die Ausgabe ist je nach Metafeldtyp unterschiedlich:
single_line_text_field
single_line_text_field Metafelder geben den Text innerhalb eines <span> Elements mit einem Attribut von class="metafield-single_line_text_field" aus.
<span class="metafield-single_line_text_field">Dies ist eine einzelne Textzeile.</span>
multi_line_text_field
multi_line_text_field Metafelder geben den Text innerhalb eines <span> Elements mit einem Attribut von class="metafield-mutli_line_text_field" aus.
<span class="metafield-multi_line_text_field">Dieser Text besteht aus einer Zeile.<br>Dieser Text ist ein weiterer.</span>
page_reference
page_reference Metafelder geben den Seitentitel der zugehörigen Seite innerhalb eines <a> Elements mit einem Link zur Seite und einem Attribut von class="metafield-page_reference" aus.
<a href="/pages/about-us" class="metafield-page_reference">About us</a>
product_reference
product_reference Metafelder geben den Produkttitel des zugehörigen Produkts innerhalb eines <a> Elements mit einem Link zum Produkt und einem Attribut von class="metafield-product_reference" aus.
<a href="/products/the-best-shoes" class="metafield-product_reference">Die besten Schuhe</a>
variant_reference
variant_reference Metafelder geben den Variantentitel des zugehörigen Produkts innerhalb eines <a> Elements mit einem Link zur Variante und einem Attribut von class="metafield-variant_reference" aus.
<a href="/products/paper?variant=[variant_id]" class="metafield-variant_reference">Weiß</a>
file_reference
file_reference Metafelder haben je nach Dateityp eine andere Ausgabe:
- Bild
- Andere
Bilder im Format JPEG, PNG und GIF geben ein Element <img> mit den folgenden Attributen aus:
| Attribute | Value |
|---|---|
src |
[image_url] - The image's URL. |
alt |
[image_alt] - The image's alt text. |
class |
metafield-file_reference |
<img src="https://cdn.versacommerce.de/[cdn-url-path]/[file-name]" alt="Image alt text" class="metafield-file_reference">
Andere Dateien geben das Vorschaubild der Datei in einem <a> Element mit einem Link zur Datei und dem Attribut class="metafield-file_reference" aus.
<a href="https://cdn.versacommerce.de/[cdn-url-path]/[file-name]" class="metafield-file_reference"> <img src="https://cdn.versacommerce.de/[cdn-url-path]/[preview-image-name]" loading="lazy"> </a>
number_integer
number_integer Metafelder geben die Zahl innerhalb eines <span> Elements mit einem Attribut von class="metafield-number_integer" aus.
<span class="metafield-number_integer">10</span>
number_decimal
number_decimal Metafelder geben die Zahl innerhalb eines <span> Elements mit einem Attribut von class="metafield-number_decimal" aus.
<span class="metafield-number_decimal">10.2</span>
date
date Metafelder geben das Datum in einem für den Kunden lokalisierten Format innerhalb eines <time> Elements mit den folgenden Attributen aus:
| Attribute | Value |
|---|---|
datetime |
[date] - The date. |
class |
metafield-date |
<time datetime="2021-05-21" class="metafield-date">Mai 21, 2021</time>
date_time
date_time Metafelder geben das Datum und die Uhrzeit in einem für den Kunden lokalisierten Format innerhalb eines <time> Elements mit den folgenden Attributen aus:
| Attribute | Value |
|---|---|
datetime |
[date_time] - The date and time. |
class |
metafield-date_time |
<time datetime="2021-05-21T18:30:00Z" class="metafield-date_time">Mai 21, 2021, 6:30pm</time>
url
die Metafelder url geben die URL ohne das Protokoll in einem Element <a> mit einem Link zur URL und einem Attribut class="metafield-url" aus.
<a href="https://versacommerce.de" class="metafield-url">versacommerce.de</a>
json
json metafields gibt das JSON innerhalb eines <script> -Tags mit den folgenden Attributen aus:
| Attribute | Value |
|---|---|
type |
application/json |
class |
metafield-json |
<script type="application/json" class="metafield-json">
{
"product": "Handseife",
"quantity": 22
}
</script>
boolean
boolean Metafelder geben den Wert innerhalb eines <span> Elements mit einem Attribut von class="metafield-boolean" aus.
<span class="metafield-boolean">true</span>
color
color Metafelder geben den Wert innerhalb eines <span> Elements mit einem Attribut von class="metafield-color" aus.
<span class="metafield-color">#FFFFFF</span>
weight
die Meta-Felder weight geben ein Element <span> mit dem Attribut class="metafield-weight" aus, das ein Element <span> für jedes der folgenden Elemente enthält:
- Der Gewichtswert
- Die Gewichtseinheit
<span class="metafield-weight"> <span class="metafield-weight_value">3.0</span> <span class="metafield-weight_unit">kg</span> </span>
Der Gewichtswert wird in einem Element <span> mit dem Attribut class="metafield-weight_value" ausgegeben.
<span class="metafield-weight_value">3.0</span>
Die Gewichtseinheit wird in einem Element <span> mit dem Attribut class="metafield-weight_unit" ausgegeben.
<span class="metafield-weight_unit">kg</span>
volume
die Meta-Felder volume geben ein Element <span> mit dem Attribut class="metafield-volume" aus, das ein Element <span> für jedes der folgenden Elemente enthält:
- Der Volumenwert
- Die Volumeneinheit
<span class="metafield-volume"> <span class="metafield-volume-value">3.0</span> <span class="metafield-volume_unit">L</span> </span>
Der Volumenwert wird in einem <span> Element mit einem Attribut von class="metafield-volume-value" ausgegeben.
<span class="metafield-volume-value">3.0</span>
Die Volumeneinheit wird in einem <span> Element mit einem Attribut von class="metafield-volume_unit" ausgegeben:
<span class="metafield-volume_unit">L</span>
dimension
die Meta-Felder dimension geben ein Element <span> mit dem Attribut class="metafield-dimension" aus, das ein Element <span> für jedes der folgenden Elemente enthält:
- Der Wert der Dimension
- Die Maßeinheit
<span class="metafield-dimension"> <span class="metafield-dimension_value">3.0</span> <span class="metafield-dimension_unit">m</span> </span>
Der Dimensionswert wird in einem Element <span> mit dem Attribut class="metafield-dimension_value" ausgegeben.
<span class="metafield-dimension_value">3.0</span>
Die Maßeinheit wird in einem Element <span> mit dem Attribut class="metafield-dimension_unit" ausgegeben:
<span aria-hidden="true" class="metafield-dimension_unit">m</span>
rating
rating Metafelder geben den Bewertungswert in einem <span> Element mit einem Attribut von class="metafield-rating" aus:
<span class="metafield-rating">4.8</span>
metafield_text
Erzeugt eine Textversion der Metafelddaten.
{{ product.metafields.instructions.wash | metafield_text }}
Im Folgenden wird die Ausgabe für jeden Metafeldtyp beschrieben:
| Metafield Type | Output |
|---|---|
single_line_text_field |
The metafield text |
multi_line_text_field |
The metafield text |
page_reference |
The page title |
product_reference |
The product title |
variant_reference |
The variant title |
file_reference |
The file URL |
number_integer |
The number |
number_decimal |
The number |
date |
The date |
date_time |
The date and time |
url |
The URL |
json |
The JSON |
boolean |
The boolean value |
color |
The color value |
weight |
The weight value and unit |
volume |
The volume value and unit |
dimension |
The dimension value and unit |
rating |
The rating value |