代码之家  ›  专栏  ›  技术社区  ›  jvandervoo

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

  •  9
  • jvandervoo  · 技术社区  · 6 年前

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

    我目前使用的主题是Flatsome(使用UXBuilder)

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

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

    我想知道是否有任何方法可以将其显示为页面上的固定元素(可能在div中)?

    我非常缺乏经验,因此非常感谢您的帮助:)

    3 回复  |  直到 6 年前
        1
  •  15
  •   Fab    5 年前

    博米 建议,使用 woocommerce_mini_cart(); 但是ajax cart不会更新minit cart。

    使用此方法,我建议将mini\u cart函数包装为“widget\u shopping\u cart\u content”woocommerce类,例如:

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

    因此,随着ajax添加到购物车,迷你购物车也会更新。

        2
  •  13
  •   Community Egal    4 年前

    首先在函数上创建shortcode。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' );
    

    然后将此[自定义techno mini cart]短代码添加到页面的任意位置。

    现在将其添加到模板中

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

    希望这对你有帮助。

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

    像这样添加也使用此

    woocommerce_mini_cart()
    
        3
  •  11
  •   Bhoomi    6 年前

    您可以使用 woocommerce_mini_cart() 无论您想在哪里展示您的微型购物车。

    此函数用于加载微型购物车。显示迷你购物车的php模板。