Using Liquid to Create a New Table Row Each Time a New Product is Added

[corroadesigns]

Hi there,

I have a client would will have over 800+ products and would like to have table in their collection pages like Uline.com or this image here:

I would like to have rows be automagically created each time a new product is added to the collection. The actual data within the rows shouldn't be an issue, but I'm not 100% sure about the rows.

I've created smaller if else statements that had a limit, but I'm hoping to create some sort of a loop so we can create a few lines of code for one row once instead of manually adding more code each time we add a new product.

Any advice is appreciated. Thanks so much in advance!

[leinaD]

Hi corroadesigns,

if you want to list all products of your collection on your page, use this:

<table>
  <tr>
          {% for product in collection.products %}
        <td>{{ product.title }}</td>
                  <td>...</td>
          {% endfor %}
   </tr>
</table>

Regards,

Daniel

[adventmedia]

Where do you add this code?

[leinaD]

@adventmedia 

Add this code in the template 'collection.liquid'. This way it appears on your collection page. 

[ERVP]

Did you ever get this working?  I need the exact same thing, Uline has the closest version of what I need.