时间戳

首页 > 解决方案 > 在将产品添加到购物车之前，如何禁用“查看购物车”btn？

javascript - 在将产品添加到购物车之前，如何禁用“查看购物车”btn？

问题描述

我添加了一个在“添加到购物车”按钮旁边添加“查看购物车”按钮的功能。我希望在有人将产品添加到购物车之前禁用该按钮（不显示或变灰） 。

这是我的功能：

    function action_woocommerce_after_add_to_cart_button() {

    echo '<div class="woocommerce-message krank-mesg" role="alert"><a 
    href="./cart/" class="button wc-forward">VIEW CART</a> <p 
    class"woo-fx-added"><span>The New Formula X Driver</span> has 
    been added to your cart.</p></div>';

    add_action( 'woocommerce_after_add_to_cart_button', 
    'action_woocommerce_after_add_to_cart_button', 10, 0 );

这是页面： http: //krankfinance.wpengine.com/#product

我希望上面页面上的查看购物车按钮的功能类似于此页面上的查看购物车按钮（将产品添加到购物车后）：http: //krankfinance.wpengine.com/shop/easy-pay-formula-x -司机/

已经为此工作了 5 个小时，尽我所能搜索任何内容，但我似乎无法找到答案。没想到会这么难：）

提前致谢

标签： javascriptwordpresswoocommercehook-woocommercewordpress-hook

解决方案

这对我有用。

    function action_woocommerce_after_add_to_cart_button() {
// Check if the cart isn't empty.
if ( ! WC()->cart->is_empty() ) {
    echo '<div class="woocommerce-message krank-mesg" role="alert"><a href="./cart/" class="button wc-forward">VIEW CART</a> <p class"woo-fx-added"><span>The New Formula X Driver</span> has been added to your cart.</p></div>';
} else {
  }
    };
    add_action( 'woocommerce_after_add_to_cart_button', 
    'action_woocommerce_after_add_to_cart_button', 10, 0 );

谢谢你的帮助

推荐阅读