Cart/add.js not working with custom domain

[Girish_Rajwani]

Hi all,

Cart/add.js is not working with the custom domain. As usual, CORS error. what to do?

Thanks in advance.

[Kellan-Shopify]

Hi @Girish_Rajwani,

AJAX API calls should be made to Locale-aware URLs, as mentioned in the documentation.

• Cart API reference
• About the Shopify Ajax API - Locale Aware URLs
• Support multiple currencies and languages - Locale Aware URLs

The locale aware URLs can be built using either the routes liquid object, or in Javascript with the window.Shopify.routes.root object

For example with the Liquid Object, you can add a product to the cart with the routes.cart_add_url property

• Liquid objects: routes

Or with a fetch method in Javascript:

fetch(window.Shopify.routes.root + 'cart/add.js', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(formData)
})
.then(response => {
  return response.json();
})
.catch((error) => {
  console.error('Error:', error);
});

• Cart API reference - POST /{locale}/cart/add.js

Using either of these methods above should prevent the CORS errors from occurring.