Databases
StackOverflow2013
Postsdbo
POHow to add items to the cart using the Shopify API
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to add items to the cart using the Shopify API
    primarykey
    data
    text
    <p>I'm working on a custom web app using the Shopify API. The idea here is to use the app as the exclusive storefront and just make requests to the Shopify API. I've set up a private application in my Shopify account to do this. </p> <p>I have no problem pulling in products from the api (using the /admin/products.json API endpoint). But I'm having a heck of a time trying to get the product added to the cart from my domain using the <a href="http://wiki.shopify.com/Ajax_API#POST_.2Fcart.2Fadd.js" rel="nofollow">Ajax API</a> and specifically the /cart/add.js API endpoint.I get the proper JSON response when using my REST client (I'm using the Google Chrome extension Postman), but I can't for the life of me get this to work within my own app.</p> <p>In my app, I'm sending an AJAX request to my own server, which in turn calls the API endpoint using curl and returns a JSON response(to avoid the cross-domain problem/having to use JSONP). Even though both JSON responses are identical, the item is not being added to the cart in my web app.</p> <p>Sample Code:</p> <p>Javascript:</p> <pre><code>$(".add-to-cart").on('click', function() { // sample initialization code here // ... $.post("/url-to-server", { id: id, // this is the variant ID quantity: 1 }, function(response) { // more checking to make sure we have proper response }); return false; }); </code></pre> <p>Server Side Code (PHP):</p> <pre><code>protected function _ajax_add_item_to_cart() { $args = $this-&gt;input-&gt;post(); // custom app method that makes curl request $result = $this-&gt;_shopify_request('post', 'cart/add.js', $args); // custom app method that returns valid JSON return $this-&gt;json_response(true, 'Item Added!', [ 'item' =&gt; $result ]); } </code></pre> <p>Sample JSON response (same result when using Postman REST client):</p> <pre><code>{ "id": 313743963, "title": "All Natural GumBits 16oz", "price": 3800, "line_price": 3800, "quantity": 1, "sku": "", "grams": 0, "vendor": "horseshow", "properties": null, "variant_id": 313743963, "url": "/products/all-natural-gumbits-16oz", "image": "http://cdn.shopify.com/s/files/1/0235/4155/products/gumbits.png?43", "handle": "all-natural-gumbits-16oz", "requires_shipping": true } </code></pre> <p>This is the first app that I've built using the Shopify API, so I'd appreciate any guidance that I can get. I looked into signing up with a partner application and using the OAuth authentication, but that seems like overkill for what I need to do since I don't want to use the Shopify storefront and I don't plan on offering my app in the Shopify App Store.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USEric Paulsen
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload