如何在购物车及结账页为商品添加自定义文本?需修改functions.php
在WooCommerce购物车与结账页面添加商品下方自定义文本
你可以通过WooCommerce提供的钩子函数,在子主题的functions.php文件中添加以下代码来实现需求:
// 在购物车和结账页的商品下方添加自定义文本 add_action( 'woocommerce_cart_item_after_product_name', 'add_custom_text_below_cart_checkout_items', 10, 3 ); function add_custom_text_below_cart_checkout_items( $cart_item, $cart_item_key, $cart ) { // 仅在购物车或结账页面显示 if ( is_cart() || is_checkout() ) { // 自定义文本内容,可根据需求修改 echo '<p class="custom-cart-item-text" style="margin: 10px 0; color: #666;">Lead time can be up to 8 weeks</p>'; } }
代码说明:
- 使用
woocommerce_cart_item_after_product_name钩子,这个钩子会在购物车和结账页面的每个商品名称之后触发,正好对应商品下方的位置。 - 通过
is_cart()和is_checkout()函数判断当前页面,确保文本只在目标页面显示,不会出现在商品详情页或其他页面。 - 你可以修改
<p>标签内的文本内容,也可以调整style属性里的样式来匹配你的网站设计。
注意事项:
- 请务必使用子主题的
functions.php文件添加代码,不要直接修改父主题文件,避免主题更新时代码丢失。 - 如果你的网站使用了自定义的购物车/结账模板,可能需要根据模板结构调整钩子或代码位置,但上述代码适用于大多数默认WooCommerce场景。
内容的提问来源于stack exchange,提问作者imdes
相关产品推荐
相关产品推荐

