Question

我在我的网站上添加了一个菜单，该菜单显示购物车总额以及每件商品的产品详细信息，数量和价格。仅当手动刷新页面或将页面重定向到购物车时，此方法才有效。

                    global $woocommerce;

                    $items = $woocommerce->cart->get_cart();
                    $currency = get_woocommerce_currency_symbol();

                    echo '<li><a href="https://www.mywebsite.com/cart/" class="parents"><i class="fas fa-shopping-cart"></i> Cart - ' .  WC()->cart->get_cart_total() . '</a>';
                    echo '<ul class="mega_menu cart">';
                    echo '<li class="mega_sub">';
                    echo '<ul>';

                    foreach($items as $item => $values) {
                      $_product = $values['data']->post;
                      $link = get_permalink($_product);
                      $image = get_the_post_thumbnail($_product);
                      $price = get_post_meta($values['product_id'] , '_price', true);
                      $total = floatval( preg_replace( '#[^\d.]#', '', $woocommerce->cart->get_cart_total() ) );
                      echo '<li>' . $image . '<a href="' . $link . '">' . $_product->post_title . ' <br /><span style=" text-transform:lowercase;"> ' . $currency.$price . ' x ' . $values['quantity'] .'</span></a></li>';
                    }

                    echo '<li><a href="https://www.mywebsite.com/cart/">Go to Checkout</a></li>';
                    echo '</ul></li></ul>';

我找到了此功能，但它仅更新购物车的总额和价格。

https://docs.woocommerce.com/document/show-cart-contents-total/

我是否需要重新编写子菜单的代码，或者还有其他解决方案可以在AJAX函数上更新购物车商品吗？

谢谢

Answer 1

您的代码确实过时且有错误和错误。 Woocommerce还已经包括一个可用的微型购物车小部件（带有可编辑的模板）。

1）替换您的html / php代码（我想是在您的主题themeer.php文件中）：

// echo '<ul>'; // (Used for testing)
echo '<li><a class="parents mini-cart-count" href="'.wc_get_cart_url().'"><i class="fa fa-shopping-cart"></i> Cart - ';
## Ajax refresh: Cart subtotal near the cart icon
echo '<span id="mcart-stotal">'.WC()->cart->get_cart_subtotal().'</span>';
echo '</a>';
echo '<ul class="mega_menu cart">';
echo '<li class="mega_sub">';
echo '<span id="mcart-widget">';
## Ajax refresh: Mini cart widget
woocommerce_mini_cart();
echo '</span>';
echo '</li></ul>';
// echo '</li></ul>'; // (Used for testing)

2）将使Ajax刷新迷你购物车小计和小部件的代码：

add_filter( 'woocommerce_add_to_cart_fragments', 'wc_mini_cart_ajax_refresh' );
function wc_mini_cart_ajax_refresh( $fragments ){
    ## 1. Refreshing mini cart subtotal amount
    $fragments['#mcart-stotal'] = '<span id="mcart-stotal">'.WC()->cart->get_cart_subtotal().'</span>';

    ## 2. Refreshing cart subtotal
    ob_start();
    echo '<span id="mcart-widget">';
    woocommerce_mini_cart();
    echo '</span>';
    $fragments['#mcart-widget'] = ob_get_clean();

    return $fragments;
}

代码进入您的活动子主题（或活动主题）的function.php文件中。经过测试，可以正常工作。

相关：Display cart item count in Woocommerce cart widget

Woocommerce中的Ajaxify自定义迷你购物车小部件

1 个答案: