Edit Liquid files to display one product per row (Collection-Template) using Narrative

Hi All,

I am using the Narrative theme and would like to edit the liquid code so that I can have my Collection-Template display one product card per row.

I have been trawling the internet and from bits and pieces I’ve found, I was able to edit the code to allow this, however it has simply sat each product card in the left column only.

If anyone can advise how and where I can achieve this, it would be greatly appreciated!

I would like to be able to do the following:

  1. Left-align the Collection title & description
  2. One (1) product/ product-card per row (spans the same width as the collection description)
  3. Left-align the product image so that it is in line with the title & description on the LHS
  4. Ensure the product image cannot exceed the same width as the collection description
  5. Left-align the product info (title, description, etc).

Finally, might there be a simple way to toggle the link from the product-card to the product, on & off ? I MAY wish to keep this, but for the moment I would like the default option to be that I can manually link a particular element (such as the product card image) or by including a link within a snippet of text after the product description?

Please see attached image/ link of the Narrative demo theme, which shows the collection-template at its default 2 product cards per row, FYI.


Capture.PNG

I look forward to hearing from you soon! :slightly_smiling_face:

I am looking to accomplish this too! Did you ever find out a solution?