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

Highlighted
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="{{ product.variants.first.id }}" />
  <input min="1" type="number" id="quantity" name="quantity" value="1"/>
  <input type="submit" value="Add to cart" class="btn" />
</form> 

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

 

Can somebody please help me?  

0 Likes
Shopify Partner
455 80 99

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 shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
0 Likes