如何将控制台日志数据提供到 WooCommerce 购物车中？

Question

我正在使用第三方小工具，他们提供实时可用性、费用和立即预订按钮。当客户点击“立即预订”按钮时，它正在使用我想忽略的他们的预订小工具。

在做了一些 google 研究后，当一些人点击立即预订按钮时，我能够在控制台日志中获得正确的书名和费用。

$w.event.subscribe("item.book.click", function(item) { 
   console.log(item);
   console.log("Title " + item[3].Name + " (Date " + item[4].date  + ", Period " + item[4].period + ", Adults " + item[4].adults + ", Children " + item[4].children + ", Infants " + item[4].infants + ")");
   console.log("Price " + item[3].Availability.Cost);
});

WooCommerce 简单产品现场演示：http://plugin.seminyak.holiday/product/the-layar/#/accom/66268

单击 立即预订 按钮并查看控制台日志它返回标题和价格的值，但如何在 立即购买等弹出按钮中触发控制台数据值 & 将商品添加到购物车。

当用户点击 ADD ITEM TO CART 它会将数据添加到 /cart page + basket 如果有人点击 立即购买 按钮，它将获取数据并在 /checkout 页面上重定向用户，其中包含控制台标题和价格

如果您有任何问题，请告诉我。

Answer 1

正如在这个答案中所做的那样：

Capturing javascript console.log?

您可以在页面加载时捕获控制台日志并根据输出触发事件。

(function(){
      var oldLog = console.log;
      console.log = function (message) {
          if(message.indexOf("Price") !== -1){
            var price = message.split(' ')[1]
            // Do something with the price...
          }
          oldLog.apply(console, arguments);
       };
    })();

您可能需要做一些棘手的事情，因为描述和价格来自两个不同的日志。

Answer 2

感谢您的支持和回复，经过大量研究，我得到了以下代码的结果。

为了获得最终结果，我必须安装 WC Fields Factory 插件并使用控制台日志或变量 def

传递动态值

第 1 步：在 .js 文件下使用此代码，并确保在单击按钮时触发它。

$w.event.subscribe("item.book.click", function(item) {
    $('[name="room_type"]')[0].value = item[3].Name;
    $('[name="date"]')[0].value = item[4].date;
    $('[name="nights"]')[0].value = item[4].period;
    $('[name="adults"]')[0].value = item[4].adults;
    $('[name="children"]')[0].value = item[4].children;
    $('[name="infants"]')[0].value = item[4].infants;
    $('[name="cost"]')[0].value = item[3].Availability.Cost;
    $('[name="add-to-cart"]')[0].click(); // Clicked on add to cart button
});

function.php 动态获取自定义成本值的代码。

/* Price Update Based On Plugin WC Field */

function calculate_cart_total( $cart_object ) {
    $additionalPrice = 0;

    foreach ( $cart_object as $key => $valueArray ) {
        if(is_array($valueArray)) {
            foreach ( $valueArray as $k => $value ) {
                if($value['wccpf_cost']) {
                    $additionalPrice = $value['wccpf_cost']['user_val'];
                }
            }
        }
    }

    foreach ( WC()->cart->get_cart() as $key => $value ) {
        if( method_exists( $value['data'], "set_price" ) ) {
            $value['data']->set_price( $additionalPrice );
        } else {
            $value['data']->price = ($additionalPrice );
        }     
    }
}
add_action( 'woocommerce_before_calculate_totals', 'calculate_cart_total', 99 );

/* before addto cart, clear cart values */
add_filter( 'woocommerce_add_to_cart_validation', 'woo_custom_add_to_cart_before' );

function woo_custom_add_to_cart_before( $cart_item_data ) {

    global $woocommerce;
    $woocommerce->cart->empty_cart();

    // Do nothing with the data and return
    return true;
}

在我创建的 WC Fields Factory 下 room_type，日期、夜晚、成人、儿童、婴儿、成本字段和 onclick 值正在相应地动态拾取。

如何将控制台日志数据提供到 WooCommerce 购物车中？

How to Supply Console Logs Data into the WooCommerce Cart?

php

wordpress

jquery

woocommerce

woocommerce-bookings