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

product_list.liquid

Das Template <keyword>product_list.liquid</keyword> rendert eine Produkt-Liste.

Speicherort

Das Template muss unter <keyword>templates/product_list.liquid</keyword> abgelegt werden.

Verfügbare Objekte

Innerhalb des <keyword>product.liquid</keyword> Templates stehen folgende Objekte zur Verfügung:

  • globale Objekte
  • <obj>page</obj>
  • <obj>page_tree</obj>
  • <obj>product_list</obj>

Beispiel-Template

Das nachfolgend Beispiel zeigt die Ausgabe einer Produkt-Liste mit Blätter-Funktion.

<ul>
  {% for product in product_list.products %}
    <li>
      <!-- product attributes -->
    </li>
  {% endfor %}
</ul>

{% if product_list.previous_page %}
  <a href="{{ page | pagination_url:'previous' }}">previous page</a>
{% endif %}

{% if product_list.next_page %}
  <a href="{{ page | pagination_url:'next' }}">next page</a>
{% endif %}

Beispiel-Template für die Ausgabe von Filter

In diesem Beispiel wird gezeigt, wie der Filter für das Feld <obj>product.color_enum</obj> ausgegeben werden kann.

{% for filter in filters %}
  {% if filter.origin == "color_enum" %}
    <p>Color filter</p>
    <ul>
      {% for option in filter.options %}
        <li><a href="{{ option | filter_value_url }}">{{ option.name }} ({{ option.count }})</a></li>
      {% endfor %}
    </ul>
  {% endfor %}
{% endfor %}

Weitere Informationen

Über die nachfolgenden Links erhalten Sie weiterführende Informationen.