使用更新购物车按钮旁边的钩子将代码添加到 WooCommerce 购物车页面
Add code to WooCommerce Cart Page with hook beside update cart button
在像 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_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
。有关详细信息,请参阅 here。
在像 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_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
。有关详细信息,请参阅 here。