删除添加到购物车的通知并更改"添加到购物车" Woocommerce中的按钮

时间:2018-04-30 17:38:03

标签: php css wordpress woocommerce cart

如何删除"已添加到您的购物车"来自购物车页面的文字以及如何使用自定义按钮(我的图片)替换数量并添加到购物车按钮,使其显示为

现在的样子:

我在我的孩子style.css中使用Loic's css code来删除购物车页面中的文字,但它没有用...

这是我的孩子style.css文件中的完整代码(我错过了什么):

.woocommerce-checkout .woocommerce .woocommerce-message {
display:none !important;}

2 个答案:

答案 0 :(得分:2)

您可以将PHP代码段放在子主题functions.php文件的底部(如果有的话,可以在“?>”之前)。

删除消息:

add_filter( 'wc_add_to_cart_message_html', '__return_null' );

编辑消息:

add_filter( 'wc_add_to_cart_message_html','msg_custom_add_to_cart_message' );
function msg_custom_add_to_cart_message() { 
global $woocommerce;
$return_to  = get_permalink(woocommerce_get_page_id('shop'));
$message    = sprintf('<a href="%s" class="button wc-forwards">%s</a> %s', $return_to, __('Continue Shopping', 'woocommerce'), __('Product successfully added to your cart.', 'woocommerce') );
return $message;
}

答案 1 :(得分:2)

有多种方式:

1)使用PHP (最佳方式)

add_filter( 'wc_add_to_cart_message_html', '__return_false' );

代码放在活动子主题(或活动主题)的function.php文件中。

2)使用CSS 不推荐:因为它在购物车页面上,它会隐藏所有其他通知)

.woocommerce-cart .woocommerce .woocommerce-message { 
    display:none !important;
}

进入活动子主题(或活动主题)的styles.css文件。

要更改添加到购物车按钮样式,请尝试以下CSS规则:

.button.alt.single_add_to_cart_button {
    background-color: #36ae33 !important;
    color: #ffffff !important;
}

进入活动子主题(或活动主题)的styles.css文件。

您必须添加一些其他规则来更改,字体属性和填充......