在 WooCommerce 3.1 中更改 wc_empty_cart_message 函数

Question

我一直在尝试更改 empty-cart 消息的布局。我已删除该操作，并尝试替换它。

我想更改 htm 结构输出：

<p class="empty-cart"></p> 

到：

<div class="col-12 offset-md-1 col-md-10"><p class="empty-cart"></p></div>

我的实际代码（在我的主题的functions.php文件中）：

/** Change the output for empty-cart within a div */
remove_action( 'wc_empty_cart_message', 'wc_empty_cart_message', 10 );
add_action( 'wc_empty_cart_message', 'wc_empty_cart_message', 10 );

function custom_wc_empty_cart_message() {
echo '<div class="col-12 offset-md-1 col-md-10"><p class="cart-empty">'
. wp_kses_post( apply_filters( 'wc_empty_cart_message', __( 'Your cart is currently empty.', 'woocommerce' ) ) ) . '</p></div>';
}

但是这段代码不起作用。有没有人对如何使这项工作提出建议？

Answer 1

下面是让它工作的正确方法：

remove_action( 'woocommerce_cart_is_empty', 'wc_empty_cart_message', 10 );
add_action( 'woocommerce_cart_is_empty', 'custom_empty_cart_message', 10 );

function custom_empty_cart_message() {
    $html  = '<div class="col-12 offset-md-1 col-md-10"><p class="cart-empty">';
    $html .= wp_kses_post( apply_filters( 'wc_empty_cart_message', __( 'Your cart is currently empty.', 'woocommerce' ) ) );
    echo $html . '</p></div>';
}

代码进入您的活动子主题（或活动主题）的 function.php 文件中。经过测试并且可以工作。

要删除空购物车消息，请使用：

remove_action( 'woocommerce_cart_is_empty', 'wc_empty_cart_message', 10 );