woocommerce - 使用更新购物车按钮旁边的钩子将代码添加到 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
在页面上太低。
解决方案
您可以使用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
. 请参阅此处了解更多信息。
推荐阅读
- c++ - 从源安装 gcc: bash: gcc -v /usr/bin/gcc: 是一个目录
- java - List 类型中的方法 add(? extends Customer)不适用于参数 (Customer)
- javascript - Angular 5 - 从请求中删除默认 HTTP 标头
- meteor - 在流星中安装摩卡后出错
- ruby-on-rails - 启动jekyll服务失败
- r - 如何将多个现有图表放在同一个图中?
- javascript - 嵌入从 REST API 检索到的大型 PDF
- c++ - 如何从文件中读取字节?C++
- java - 在 youtube 上构建游戏教程:他们在画布上使用圆形瓷砖,我想使用正方形,我该如何实现?
- spring - Spring Boot Jetty 服务器不能通过 https (SSL) 工作