Shopping Cart
Allow to add products to your cart from within 8SELECT widgets
Many widgets allow a product to be added directly to the shopping cart.
Widgets that allow to add products to the cart will call the function _eightselect_shop_plugin.addToCart(). This function can then directly contain the code to add something to the shopping cart or call another function that is already implemented in the shop frontend.
To identify a product variant that should be added to the cart we currently only have the sku available. For sku, the same value as in the product export is used.
// 8.SDK Web configuration for shop's cart API
<script type="text/javascript">
window._eightselect_shop_plugin = window._eightselect_shop_plugin || {};
window._eightselect_shop_plugin.addToCart = function (sku, quantity, Promise) {
// the function has to return a promise
// you can use the injected Promise or use your own polyfill
// add your cart logic here
// this is just an example - shopApi is something you actually have to implement
return new Promise(function(resolve, reject) {
var response = shopApi.add2cart(sku);
if (response === "OK") {
return resolve("done");
}
return reject(new Error("add2cart failed"));
}
}
</script>
// 8.SDK Web
<script type="text/javascript">
...
</script>
The script is needed on all pages where widgets are used.
A Promise object is injected into the function. A polyfill is provided for older browsers. This means that this does not have to be covered by the shop.
Copy link