有什么方法可以在我的 WordPress 网站上显示 WooCommerce 迷你购物车吗？

Question

我正在开发一个网站，我希望客户能够不断查看他们购物车的内容，这样他们就可以 add/remove 即时购买商品（使用 WooCommerce）。

我目前使用的主题是 Flatsome（使用 UXBuilder）

我注意到 woocommerce/templates/mini-cart.php 中有一个 WooCommerce 迷你购物车模板。这看起来像我想要在我的页面上显示的内容

我有一个名为 WooCommerce Product Tables 的插件（我相信）可以显示这个迷你购物车 like this

我想知道是否有任何方法可以在我的页面上将其显示为固定元素（可能在 div 内）？

我经验不足，非常感谢您的帮助:)

Answer 1

您可以使用 woocommerce_mini_cart() 任何您想展示您的迷你推车的地方。

此函数加载 mini-cart.php 模板以显示迷你购物车。

Answer 2

首先在 function.php

上创建简码

// 添加简码

function custom_mini_cart() { 
    echo '<a href="#" class="dropdown-back" data-toggle="dropdown"> ';
    echo '<i class="fa fa-shopping-cart" aria-hidden="true"></i>';
    echo '<div class="basket-item-count" style="display: inline;">';
        echo '<span class="cart-items-count count">';
            echo WC()->cart->get_cart_contents_count();
        echo '</span>';
    echo '</div>';
    echo '</a>';
    echo '<ul class="dropdown-menu dropdown-menu-mini-cart">';
        echo '<li> <div class="widget_shopping_cart_content">';
                  woocommerce_mini_cart();
            echo '</div></li></ul>';

      }
       add_shortcode( '[custom-techno-mini-cart]', 'custom_mini_cart' );

然后在页面的任意位置添加此 [custom-techno-mini-cart] 短代码。

现在将其添加到您的模板中

 <?php echo do_shortcode(['custom-techno-mini-cart']); ?>

希望对您有所帮助。

根据第一点的要求进行布局。

ADD Like This ALSo using This

woocommerce_mini_cart()

Answer 3

正如 Bhoomi 所建议的那样，使用 woocommerce_mini_cart(); 是可行的，但是 ajax 购物车不会更新 minit 购物车。

使用此方法我建议用 "widget_shopping_cart_content" woocommerce class 包装 mini_cart 函数，例如：

<div class="widget_shopping_cart_content"><?php woocommerce_mini_cart(); ?></div>

因此 ajax 添加到购物车后，迷你购物车也会更新。

有什么方法可以在我的 WordPress 网站上显示 WooCommerce 迷你购物车吗？

Is there any way to display the WooCommerce mini-cart on my WordPress site?

wordpress

cart

woocommerce

首先在 function.php

然后在页面的任意位置添加此 [custom-techno-mini-cart] 短代码。

根据第一点的要求进行布局。

ADD Like This ALSo using This