Adding Multiple Rows of Collections to Front Page

For some stores, we want to display additional rows of Collections in a Shopify store. 

Screen Shot 2015-05-02 at 10.47.08 AM Go to the Edit HTML / CSS Page. Locate and open index.liquid. Locate the Featured Products section (Around line 32). Paste the following code below {% endunless %} and before the Homepage Blog Overview section.

<!-- Featured Products 2 -->

{% assign homepage_collection = collections.insert-collection-handle %}
{% assign homepage_collection_products_count = homepage_collection.all_products_count | times: 1 %}
{% if homepage_collection_products_count > 0 %}
{% assign is-product-list = true %}
<section id="product-list2" class="section-wrap">
	{% include '__containers-open' %}
		<h2 class="page-header" id="products-title">{% if homepage_collection_products_count > homepage_products_limit %}<a href="{{ homepage_collection.url }}">{{ homepage_collection.title }}</a> <a class="small" href="{{ homepage_collection.url }}">{% include '__localize' with 'View all' %}</a>{% else %}{{ homepage_collection.title }}{% endif %}</h2>
	{% assign t_object = homepage_collection %}
  	{% include 'products-list' with homepage_collection %}		
	{% include '__containers-close' %}
</section>
{% else %}
  {% if settings.collection-fallback-page != blank %}
    {% assign fallback = pages[settings.cowith lection-fallback-page] %}
    <section id="collection-page" class="section-wrap">
    	{% include '__containers-open' %}
    		<h1 class="page-header" id="collection-page-title">{{ fallback.title }}</h1>
    		{% unless fallback.content == blank %}
    		{% include '__formatted-content' with fallback.content %}
    		{% endunless %}
    	{% include '__containers-close' %}
    </section>
  {% elsif settings.homepage-products-collection == 'frontpage' %}
  {% endif %}
{% endif %}
Replace "insert-collection-handle" with the handle of the collection that needs integrated.

Leave a comment