collection

collection

Ordnermein-design/templates/collection.html
Beispiel-URLdemoshop.versacommerce.de/collections/meine-gruppe


HTML-Quellcode

​{% comment %}


  Template: collection.html
  =========================

  Dieses Template für für die Darstellung von Produktgruppen genutzt.
  Produktgruppen werden grundsätzlichin der Administration definiert.
  Dieses Template wird auch genutzt um dynamische Prodduktgruppen anzuzeigen.
    Suchergebnisse
    Schlagwörter  /tag/SCHKAGWORT
    Hersteller    /vendor/HERSTELLER
    Kategorie     /category/KATEGORIE

  Auf der Startseite wird häufig auf redaktionelle Inhalte zugegriffen:
  {{ pages['Startseite'].content }}

  oder auf Produktgruppen und ihre Produkte:
  {{ collections['angebote'].products }}

  Dokumentation:
  http://developer.versacommerce.de/themes/variablen/template-spezifisch/collection/

{% endcomment %}

<!-- collection.html -->
{% if query %}
  {% if collection.products_count == 0 %}
    <h1>Keine Treffer</h1>
    <p>Ihre Suche lieferte keine Ergebnisse.</p>
    {% else %}
    <h1>{{ collection.all_products_count }} Ergebnisse für Ihre Suche &quot;{{ collection.title }}&quot;:</h1>
  {% endif %}
{% else %}
  <h1>{{ collection.title }}</h1>
{% endif %}

{{ collection.description }}

{% for product in collection.products %}
<div style="display: inline-block; width: 300px;">
  <img src="{{ product.featured_image | product_img_url | refit: '100x100' }}" alt="{{ product.title }} {{ product.subtitle }}" />
  <h3>
    <a href="{{ product.url }}">{{ product.title | truncate: 30 }}</a>
  </h3>
  <p>
    {{ product.description | strip_html | truncatewords: 8 }}
  </p>
  <p>
    {% if product.price_varies %}
      <strong>zwischen {{ product.price_min | money }} und {{ product.price_max | money }}</strong>
    {% else %}
      <strong>{{ product.price | money }}</strong>
    {% endif %}
    {% if product.compare_at_price > product.price %}
      <del>{{ product.compare_at_price | money }}</del>
    {% endif %}
  </p>
</div>
{% endfor %}
<!-- /collection.html -->
    • Related Articles

    • Collection

      Auflisten der Produkte {% for product in collection.products %} Wie schon in unserem Beispiel der Startseite werden hier alle Produkte in einer “For-Schleife” abgearbeitet. Hinweise Beim Aufrufe einer Produktgruppe muss der Name der Produktgruppe ...
    • collection_json.liquid

      Quellcode Status: 200 OK { "collection": { "id": {{ collection.id | json }}, "handle": {{ collection.handle | json }}, "title": {{ collection.title | json }}, "description": {{ collection.description | json }}, "url": {{ collection.url | json }}, ...
    • collections_json.liquid

      Quellcode Status: 200 OK { "collections": [ {% for collection in collections.all_collections %} { "collection": { "id": {{ collection.id | json }}, "handle": {{ collection.handle | json }}, "title": {{ collection.title | json }}, "description": ...
    • Theme-Konfigurator

      Nötige Dateien Die Datei settings_schema.json kann genutzt werden, um die Konfigurationsmöglichkeiten des Konfigurators zu verändern. Im Theme Editor ist die Datei im Bereich config zu finden. mein-design/config/settings_data.json Beispiel einer ...
    • product_json.liquid

      Quellcode Status: 200 OK { "product": { "id": {{ product.id | json }}, "timestamp": {{ product.timestamp | json }}, "handle": {{ product.handle | json }}, "title": {{ product.title | json }}, "subtitle": {{ product.subtitle | json }}, "category": ...