How to have multiple collection rows on homepage?

New Member
3 0 0

Hello!

So at the moment a collection row only shows 1 row of up to 5 items on the homepage (I'm using Supply Theme), but is there a way to make it so I can display more? So if I wanted one collection to take up 6 rows for example, how would I do this?

Thanks!

0 Likes
Highlighted
Shopify Expert
2686 67 686

Hi Sean, 

You can do it my modifying collection-row.liquid Section. Find this code in the Scheme part of the file:

        {
          "type": "checkbox",
          "id": "product_show_saved_amount",

and insert this rigth above:

    {
        "type": "select",
        "id": "grid_rows",
        "label": "Number of rows",
        "default": "1",
        "options": [
          {
            "value": "1",
            "label": "1"
          },
          {
            "value": "2",
            "label": "2"
          },
          {
            "value": "3",
            "label": "3"
          },
          {
            "value": "4",
            "label": "4"
          }
        ]
      },

Now find this code:

{% if collections[featured_row].all_products_count != 0 and section.settings.home_featured_row != blank %}

And add this right above:

{% assign row_limit =  row_limit | times: section.settings.grid_rows %}

Th number of rows can be selected in customizer now.

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
1 Like
Highlighted
New Member
3 0 0

Worked perfectly, thanks a lot! :)

0 Likes
Highlighted
New Member
2 0 0

Hi,

 

Thanks for helping us out here. 

 

I made the code changes as you suggested. But, wanted to know where in Customizer will this setting appear. 

 

"Th number of rows can be selected in customizer now."

 

I am not able to find it at the moment.

 

Thanks.

0 Likes
Highlighted
New Member
2 0 0

Did a bit more digging into it. I think you guys are talking about "Featured Collection", but I wanted to know if there is a way to have multiple rows in "Collection List".

 

In short I dont want to show products in different rows on the homepage, but want to show rows of collections. Please have a look at www.AmazelDesigns.com.

 

As there is no way of having more than one row in Collection List, I had to use 3 Collection Lists in order to display 10 collections.

 

I hope it makes sense.

0 Likes