Custom add to cart button Shopify

Question

I am just trying to create an add to cart button to use on template and sections on my Shopify theme. Very simple.

Here is my code:

<form method="post" action="/cart/">
  <input name="id" value="1402808270917" type="hidden" />
  <input name="add" value="ORDER NOW" type="submit" />
</form>

Note: the value is the product id which I need to be able to hard code.

I'm not getting any errors, it's just going to the cart page stating cart is empty. The weird thing is, if I have something in the cart already, it will add a duplicate of the product.

FYI, in your code sample, there's a missing '>' at the end of your '<form' tag. — MarsAndBack

Sulli Zerance Sulli Zerance · Accepted Answer · 2018-08-17T23:07:56

You form need to action /cart/add

And you can't add to cart a product with the product id, you can only achieve this with a variant id.

If your product have only the default variant you can use this :

<form method="post" action="/cart/add">
  <input name="id" value="{{ product.variants.first.id }}" type="hidden" />
  <input name="add" value="ORDER NOW" type="submit" />
</form>

Custom add to cart button Shopify

1 Answers