如何使用JavaScript在WooCommerce中将产品添加到购物车

Question

是否可以使用JavaScript以新价格将商品添加到购物车？ 我一直在研究一个用于计算产品价格的小脚本。 我真的很想写这样的函数：

function addToCart(productID, productPrice) {
    //add the product to cart with JavaScript
}

任何帮助或指示，将不胜感激。

到目前为止，我已经编写了4个主要文件：

• functions.js-根据客户选择的选项计算并显示当前价格（这很好）
• ajaxSubmit.js-jQuery ajax将变量发送到我的PHP文件（成功发送）
• post.php-将变量发送到的文件
• simple.php-显示产品的单个产品PHP文件

我已经能够将变量从JavaScript函数发送到我的产品，但是我不知道如何将产品添加到购物车。

我的post.php看起来像这样：

编辑：下面的代码现在可以正常工作，并添加ID为747的产品

<?php

require('../../../../../../wp-load.php');
global $woocommerce;
$woocommerce->cart->add_to_cart(747);

sleep(3);

if (empty($_POST['ammount'])) {
    $return['error'] = true;
    $return['msg'] = 'You didnt select the amount.';
}

else {
    $return['error'] = false;
    $final_amount = $_POST['ammount'] * 10;
    $return['msg'] = 'Youve chosen: ' . $final_amount . '.';
}

echo json_encode($return);

?>

我发现您可以使用以下PHP代码将产品添加到购物车中：

global $woocommerce;
$woocommerce->cart->add_to_cart($product_id);

然后，我尝试将这两行添加到我的post.php中，但它不起作用，并且表单也停止了工作。 如果将其添加到我的simple.php（基本上显示产品）中，则可以正常工作。

我的问题是：如何使用此设置将产品添加到购物车？

Answer 1

要使用AJAX添加产品，我必须将wp-load.php包含到我的post.php文件中。 这样，我可以访问woocommerce变量，然后添加产品。 在上面查找代码修复。