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

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:

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.