product.liquid
Das Template <keyword>product.liquid</keyword> rendert die Detailansicht eines einzelnen Produktes.
Speicherort
Das Template muss unter <keyword>templates/product.liquid</keyword> abgelegt werden.
Verfügbare Objekte
Innerhalb des <keyword>product.liquid</keyword> Templates stehen folgende Objekte zur Verfügung:
- globale Objekte
- <obj>product</obj>
Beispiel-Template
Das nachfolgend Beispiel zeigt die Ausgabe eines Produktes mit Warenkorbablage.
<h1>{{ product.name }}</h1>
<p>{{ product.short_description }}</p>
<p>{{ product.description }}</p>
<img src="{{ product.featured_media.src | product_media_url: 'medium' }}" />
<p>Price: {{ product.price | currency }}</p>
<form action="/cart/add/" method="post">
<input type="hidden" name="line_item[id]" value="{{ product.id }}" />
Anzahl: <input type="text" name="line_item[item_quantity]" value="1" />
<input type="submit" value="Add to cart">
</form>Beispiel-Template mit Varianten
Das folgende Beispiel zeigt die Ausgabe eines Produktes mitsamt seinen vorhanden Varianten. Über ein Formular lässt sich eine Variante zum Warenkorb hinzufügen.
<h1>{{ product.name }}</h1>
<p>{{ product.short_description }}</p>
<p>{{ product.description }}</p>
<img src="{{ product.featured_media.src | product_media_url: 'medium' }}" />
<form action="/cart/add/" method="post">
<input type="hidden" name="line_item[item_quantity]" value="1" />
<ul>
{% for variant in product.variants %}
<li>
<input type="radio" name="line_item[id]" value="{{ variant.id }}" />
<!-- variant attributes -->
</li>
{% endfor %}
</ul>
Quantity: <input type="text" name="line_item[item_quantity]" value="1" />
<input type="submit" value="Add to cart">
</form>Weitere Informationen
Über die nachfolgenden Links erhalten Sie weiterführende Informationen.