首页 > 解决方案 > 使用更新购物车按钮旁边的钩子将代码添加到 WooCommerce 购物车页面

问题描述

在标准的 WooCommerce 购物车页面上,例如产品行下的店面主题,左侧是一排优惠券代码,右侧是更新购物车。我可以woocommerce_cart_coupon用来钩在左边的优惠券旁边:

add_action( 'woocommerce_cart_coupon', 'addcode' );
function addcode() {echo 'hello';}

此代码进入左侧 div,因此我无法将其移动到右侧。

更新车旁边的钩子是什么?

woocommerce_cart_contents&woocommerce_after_cart_contents太高,woocommerce_after_cart_table在页面上太低。

标签: woocommercehook-woocommerce

解决方案


您可以使用woocommerce_cart_actions挂钩。

这段代码:

add_action( 'woocommerce_cart_actions', 'addcode' );
function addcode() {
    echo 'hello';
}

它会在“更新购物车”按钮后显示文本“你好” :

在此处输入图像描述

您可以通过添加 CSS 规则来更改元素的位置。例如,要在右侧显示“更新购物车”按钮,您可以使用:

body.woocommerce-cart button[name=update_cart] {
    float:right;
}

或者您可以随时更改购物车模板:/woocommerce/cart/cart.php. 请参阅此处了解更多信息。


推荐阅读