Woocommerce迷你购物车点击问题重定向

时间:2017-01-04 06:53:29

标签: php wordpress woocommerce

我的问题在于迷你购物车按钮。

当您点击迷你购物车按钮时,它应该重定向购物车页面并且它无法正常工作,移动设备上也会出现同样的问题。

这是购物车按钮代码,我试图解决它,但我不是专家。 这是我的测试website.

<button href="<?php echo esc_url( WC()->cart->get_cart_url() ); ?>" class="ql_cart-btn">
    <?php echo wp_kses_post( WC()->cart->get_cart_total() ); ?>
    <span class="count">(<?php echo esc_html( WC()->cart->cart_contents_count );?>)</span>
    <i class="ql-bag"></i>
    <i class="ql-chevron-down"></i>
</button>

移动主要问题

screenshot

1 个答案:

答案 0 :(得分:1)

问题:

Button永远不会使用href,所以你需要使用javascript。

<button href="http://dev.ilikeprintful.com/new-ilikeprintful/cart/" class="ql_cart-btn">

或使用

<a href="http://dev.ilikeprintful.com/new-ilikeprintful/cart/" class="ql_cart-btn">
<!-- Your code -->
</a>

您现有的代码

<div class="ql_cart_wrap">
    <a href="http://dev.ilikeprintful.com/new-ilikeprintful/cart/" class="ql_cart-btn">
        <span class="woocommerce-Price-amount amount">
        <span class="woocommerce-Price-currencySymbol">$</span>49.90</span>
        <span class="count">(2)</span>
        <i class="ql-bag"></i><i class="ql-chevron-down"></i>
    </a>
    <div id="ql_woo_cart">
    </div><!-- /ql_woo_cart --> 
</div>

如何重定向保持代码相同

您可以添加onclick事件以浏览按钮。

<button onclick="location.href = 'http://dev.ilikeprintful.com/new-ilikeprintful/cart/';"  >
 //Your Code
</button>