Чтобы добавить товар в корзину с помощью AJAX в Shopify, вы можете использовать несколько методов. Вот несколько подходов:

1. Использование AJAX API Shopify. Вы можете использовать встроенный AJAX API Shopify для добавления товаров в корзину. Это предполагает отправку POST-запроса к конечной точке /cart/add.jsс идентификатором варианта и количеством продукта, который вы хотите добавить.

Пример кода:

$.ajax({
  type: 'POST',
  url: '/cart/add.js',
  data: {
    quantity: 1,
    id: variantId
  },
  dataType: 'json',
  success: function() {
    // Do something when the product is successfully added to the cart
  },
  error: function() {
    // Handle errors
  }
});

2. Использование API AJAX Cart от Shopify. Другой вариант — использовать API AJAX Cart от Shopify, который обеспечивает большую гибкость и контроль над корзиной. Вы можете отправить POST-запрос к конечной точке /cart/add.jsс нужными сведениями о продукте.

Пример кода:

$.ajax({
  type: 'POST',
  url: '/cart/add.js',
  data: {
    items: [
      {
        quantity: 1,
        id: variantId
      }
    ]
  },
  dataType: 'json',
  success: function() {
    // Do something when the product is successfully added to the cart
  },
  error: function() {
    // Handle errors
  }
});

3. Использование стороннего приложения Shopify. Если вы предпочитаете более упрощенный подход, вы можете изучить сторонние приложения Shopify, доступные в Shopify App Store. Эти приложения часто предоставляют готовые решения для добавления товаров в корзину через AJAX, а также могут предлагать дополнительные функции и возможности настройки.