javascript - Woocommerce:如何将产品从 iframe 添加到购物车？

Question

我在 WooCommerce 上有一家商店。它在 iframe 中具有可自定义的产品。“添加到购物车”按钮本身也在 iframe 中。当我单击“添加到购物车”按钮时，我会收到一条包含产品数据的消息iframe。

window.addEventListener("message", receiveMessage, false);

function receiveMessage(event)
{
    console.log('test',event);

}

我找到了一种通过链接将产品添加到购物车的方法

http: // some_url / checkout /? Add to cart = id

在 event.data 中我有一个产品 ID。 我的问题是:如何使用所有这些将产品添加到购物车？我需要在哪里添加此链接？

Answer 1

在这里查看答案: https://wordpress.stackexchange.com/questions/53280/woocommerce-add-a-product-to-cart-programmatically-via-js-or-php

特别是，这就是您所需要的:

function addToCart(p_id) {
          $.get('/wp/?post_type=product&add-to-cart=' + p_id, function() {
             // call back
          });
       }

如果你不能这样做，也可以考虑 PHP 方式:

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

如果您采用 PHP 方式，则需要在 PHP 函数中运行上述代码，并通过 JavaScript (AJAX) 调用该函数，因此会更加复杂。