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

Question

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

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

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

我有一个名为WooCommerce产品表的插件，（我相信）可以像这样显示这种微型购物车

我想知道是否可以通过某种方式将其显示为页面上的固定元素（也许在div内）？

我没有经验，所以可以提供任何帮助：）

Answer 1

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

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

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

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

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']); ?>

希望这会帮助你。

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

添加喜欢这个也使用这个

woocommerce_mini_cart()

Answer 3

您可以woocommerce_mini_cart()在任何要显示迷你车的地方使用。

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