...
Version 3.0 aims to be a lightweight REST interface. The feedback from version 2.0 was that it was too heavy of a framework. The documentation for version 3.0 lives here. Make sure to check out our GitHub page for checkout 3.0 located at httpat https://www.githubultracart.com/ultracartapi/
| Info | ||
|---|---|---|
| ||
Troubleshooting and Support is provided to developers via our developer community forums on Github.com Join the conversion there. |
...
Version 2.0
Version 2.0 is a complete overhaul of the structure of the checkout. The remote calls are the same. But version 2.0 no longer pollutes the global namespace. Version 2 is constructed using a module design pattern. This makes the ultraCart objet the only global object, and a singleton as well. Everything is accessed via the ultraCart variable. Also, the ultraCart object fires events which allow for easy page updates.
...
Here is a stripped down example showing the bare essentials of talking to UltraCart:
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type='text/javascript' src='https://secure.ultracart.com/checkoutapi/jquery-1.4.2.min.js'></script>
<script type='text/javascript' src='https://secure.ultracart.com/checkoutapi/jquery.json-2.2.min.js'></script>
<script type='text/javascript' src='https://secure.ultracart.com/checkoutapi/checkoutapi-2.0.12.js'></script>
<script type='text/javascript'>
var merchantCartConfig =
{
merchantId: "DEMO",
isCheckoutPage: true,
remoteApiUrl: location.protocol + "//" + location.hostname + "/proxy.php",
debugMode: true,
verboseAjax: true,
listeners:{
"cartready":[updatePage]
}
};
function updatePage() {
var cart = ultraCart.getCart();
jQuery('#sessionId').html(cart.cartId);
jQuery('#itemCount').html(cart.items.length);
}
jQuery(document).ready(function() {
ultraCart.init(merchantCartConfig);
});
</script>
</head>
<body>
Hello. Your shopping cart session id is: <span id='sessionId'></span>.<br/>
You have <span id='itemCount'></span> item(s) in your cart.<br/>
<br/>
Since debugMode and verboseMode is set, you should open your browsers console (firebug, etc) and check out the
debugging.
</body>
</html> |
...
Prerequisite skills for using the API
Support
Setting up the API on your page
...