Testing Shopify add to cart functionality from another website while staying put

Thank you for this. This is a really cool trick and exactly what I have been looking for, cannot believe I have not noticed this before.

I am trying to make alternative store front with php/json and shopify rest api. And this definately gets me closer to where I want to be.

I got one questions. How come it does not go to cart page after form is submitted ? That is when I do that on my page and click submit the products are added to the cart and I am sent to the cart page, it does not happen in your case.

Hi Caroline, thanks for this.

Is there an option to make a call to shopify, passing a product permalink and sku (say), and it have it return the standard shopify html where you select a variant, and press the submit button? The entire form in other words, like this:

<form action="/cart/add" method="post">
 
  <div id="product-variants">
    <div id="price-field">£3.00 GBP
    </div>
 
    <div class="selector-wrapper">
      <select id="product-select-option-0" class="single-option-selector">
        <option value="1024x768">1024x768
        </option>
      </select>
    </div>
    <select style="display: none;" id="product-select" name="id">
 
      <option value="29928632">1024x768 - £3.00
      </option>
 
    </select>
 
  </div>
 
  <input class="" src="http://cdn.shopify.com/s/files/1/0031/8302/assets/purchase.png?1261150992" name="add" value="Purchase" id="purchase" type="image">
</form>

I'd prefer to do this - work with logical names like the permalink and the sku - than work with id's. It worries me from a maintenance point of view.

Thanks for your help Caroline.
Mike.

This article is well thought out and full of good information. Many Thanks for taking time to bring this together into one article.

Electric Showers | Cots | Electric Golf Trolleys | Travel Cots