Add a collection / product overview page to a Shopify shop

Example: http://gastrotech.myshopify.com/collections

Taking control of the collections listing page: http://wiki.shopify.com/Taking_control_of_the_collections_listing_page

Shopify Theme Guide: http://wiki.shopify.com/The_Shopify_Theme_Guide

Use this template:

<div id="collections-listing">
   {% if collections.present? %}
   <h2>Kategorien</h2>

   {% for collection in collections %}
   <a href="{{collection.url}}">
   <div>

       {% for temp in collection.all_products limit: 1 %}
       <div>
           <img src="{{ temp.images.first | product_img_url: 'small' }}" />
       </div>
       {% endfor %}

       <div>
           <div>{{ collection.title }}</div>
           <small>{{ collection.products_count }} Artikel</small>
       </div>
 
    </div>
    </a>
    {% endfor %}

    {% else %}

    <p>Keine Kategorien gefunden...</p>

    {% endif %}
</div>

Leave a Reply

Your email address will not be published. Required fields are marked *

For spam filtering purposes, please copy the number 6488 to the field below: