Startseite > Template- und Themeprogrammierung >Templates > Shop-Templates > product.liquid

product.liquid

Das Template product.liquid rendert die Detailansicht eines einzelnen Produktes.

Speicherort

Das Template muss unter templates/product.liquid abgelegt werden.

Verfügbare Objekte

Innerhalb des product.liquid Templates stehen folgende Objekte zur Verfügung:

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.