使用更新购物车按钮旁边的钩子将代码添加到 WooCommerce 购物车页面

时间:2021-05-03 16:20:13

标签: woocommerce hook-woocommerce

在像 storefront theme 这样的标准 WooCommerce 购物车页面上,产品行下方是一行优惠券代码,右侧是更新购物车。我可以用 woocommerce_cart_coupon 钩住左边的优惠券:

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

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

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

woocommerce_cart_contentswoocommerce_after_cart_contents 太高,woocommerce_after_cart_table 在页面上太低。

1 个答案:

答案 0 :(得分:3)

您可以使用 woocommerce_cart_actions 钩子。

此代码:

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

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

enter image description here

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

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

或者您可以随时更改购物车模板:/woocommerce/cart/cart.php。有关详细信息,请参阅 here