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

【问题标题】：Add code to WooCommerce Cart Page with hook beside update cart button使用更新购物车按钮旁边的钩子将代码添加到 WooCommerce 购物车页面
【发布时间】：2021-05-04 03:16:55
【问题描述】：

在像storefront theme 这样的标准 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 在页面上太低。

【问题讨论】：

标签： woocommerce hook-woocommerce

【解决方案1】：

您可以使用woocommerce_cart_actions 挂钩。

这段代码：

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

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

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

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

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

【讨论】：

就是这个。我正在使用businessbloomer，但他们没有！我在 cart.php 上有代码，但试图删除主题覆盖。如果你想做一个 CSS 添加，我认为给代码一个特定的 id 并移动它会比移动更新购物车按钮更容易？
当然。您可以选择为您添加的元素添加 id 或 class 属性以应用 CSS 规则。