How do i add 'Add Chart' Button Page on the collection pages of the NARRATIVE theme?

New Member
1 0 0

Best partners,


At this moment I'm trying 3 to figuring out to add a button in my collection page. I already did my researches on the internet. 


Copy paste of explanation i found: 


Explanation and doesn't work on the NARRATIVE theme. 


  • Seach for product-grid-item.liquid (or something similar!) <- I can't find this code or similar on the collection pages. 
  • Find <div class="product-item--price">, and add the following code before, or after, the closing </div> tag depending on if you want the button and quantity selector above or below the price <- I can't find this code or similar on the collection pages. 
<form method="post" action="/cart/add">
  <input type="hidden" name="id" value="{{ }}" />
  <input min="1" type="number" id="quantity" name="quantity" value="1"/>
  <input type="submit" value="Add to cart" class="btn" />

I plugged 'Buy button' app but I don't want to insert that on a blog page.


Can somebody please help me?  

Shopify Partner
482 86 135

Search for product-card.liquid , it is in snippets folder and before closing div past the code your have.

But I guess you will have to style it a bit.

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email

Skype: @sarhov
Telegram: @sarhov
Try Shopify free for 14 days,