I want to add "add to cart" for my complimentary product on product pages.

[tylerklefot]

I want to add a "add to cart" button to my complimentary product so the customer doesn't have to leave the page to buy both items and also remove the "view product" text at the bottom. Is there a way to do this?

my website is oceansoul.net and I'm using grid theme by pixel union. 

here is an example of a product with a complimentary product. https://oceansoul.net/collections/marco-island/products/roseate-spoonbill-charm

thank you in advance.

[steve_michael2]

Hello,

Just follow the steps for Debut theme for Add to cart button on collection pages.

• From Shopify Admin select Online Store and click on Themes
• Choose your main theme
• Click the . . . on the top left-right (see below) and hit Edit code

Open Snippets -> product-card-grid.liquid File and paste below code at the end of the page.

<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>

Thanks!

[tylerklefot]

  Thank you for the response. I am not seeing a product-card-grid.liquid in the snippets folder. I pasted a screenshot of the product.liquid options I have. 

[namphan]

Hi @tylerklefot,

This would require a lot of changes to both Liquid, CSS and JS, so it's hard to test via site link.

Can I send you a collaborator invite? it will help me check everything and guide you

[tylerklefot]

yes the code is 1959

thank you

[namphan]

Hi @tylerklefot,

I have sent a request, after access I will check it.

[tylerklefot]

thank you it is approved now