有没有办法在我的WordPress网站上显示WooCommerce迷你购物车？

Question

我正在开发一个网站，我希望客户能够不断查看他们购物车的内容，以便他们可以动态添加/删除项目（使用WooCommerce）。

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

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

我有一个名为WooCommerce产品表的插件（我相信）会显示这个迷你购物车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喜欢此ALSo使用此

woocommerce_mini_cart()

Answer 3

按照 Bh​​oomi 的建议，使用woocommerce_mini_cart();可行，但是ajax购物车不会更新minit购物车。

使用这种方法，我建议将mini_cart函数与“ widget_shopping_cart_content” woocommerce类包装在一起，例如：

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

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