Craft Commerce: Add to Cart and then Redirect to Product Page?

Question

On my product page I have the default button that "Adds to cart" which adds a line item to the cart and take you to the cart page.

How do I create a second button alongside the default that adds the line item to the cart BUT then redirects the customer to the same page to select and customise another line item to add to cart?

Note: Ill very likely change the styling and text on the button (just in case anyone is concerned about usability) ;)

Answer 1

You would need to use javascript to change the redirect input's value

<input type="hidden" name="redirect" value="commerce/cart">

For example on the 'add and create new item' button you could do something like this using jQuery:

   $('.addAndCreateNewBtn').click(function(e){
       e.preventDefault();
       var $form = $(this).closest('form');
       $form.find("input[name='redirect']").val('anotherUrl');
       $form.submit();
   });

The above is untested, but should replace the redirect value then submit the form.