CODEWITHSUNDEEP
collectionsframeworkse-commerceshopify
user1780729
user1780729

Reputation: 518

How to add a page with links to collections on shopify

Hello gius I am setting this e commerce website where i have 15 categories, and I want to make a page where I link all 15 of those as an item or like that . I red the tutorial in shopify click buts its a bit confusing I want to do the same as the 1st part of the tutorial which is add featured collections (as the 1st link), but I want it to be not on the indext page but on a new page let say called "catalog", from there the links to all the 15 categories.

Upvotes: 0

Views: 307

Answers (1)

Steph Sharp
Steph Sharp

Reputation: 11682

I suggest taking a look at this tutorial: Shopify Theme from Scratch Part 10: list-collections.liquid

From above turorial:

    <h2>Collections</h2>
    {% for collection in collections %}
        <div class="product left {% cycle '','','','last' %}">
          <div class="product-thumb">
            <a href="{{ collection.url  }}">
                {% if collection.image %}
                    {{ collection.image.src | collection_img_url: 'medium' | img_tag: collection_title }}
                {% else %}
                    {{ collection.products.first.featured_image | product_img_url: 'medium' | img_tag: collection_title }}
                {% endif %}              
            </a>
          </div>
          <div class="product-title">
            <a href="{{ collection.url}}">
                {{ collection.title }}
              </a>
          </div>
        </div>
    {% endfor %}

Upvotes: 1

Related Questions