文章目录
Toggle要在 WooCommerce 中隐藏购物车页面上的“No products in the cart”提示信息,可以通过以下方法实现:
方法一:通过 CSS 隐藏提示信息
- 添加自定义 CSS:
- 前往 WordPress 管理后台,依次选择 外观 > 自定义。
- 在左侧菜单中选择 附加 CSS。
- 添加以下 CSS 代码:
css.woocommerce-cart .cart-empty {
display: none;
}
以上代码将隐藏购物车页面上显示“No products in the cart”提示信息。
方法二:通过修改主题文件
- 创建子主题(可选,但推荐):
- 如果您尚未使用子主题,建议先创建一个子主题,以防止主题更新时自定义代码被覆盖。
- 修改购物车模板文件:
- 复制 WooCommerce 插件中的购物车模板文件到您的主题中。具体操作如下:
- 前往
wp-content/plugins/woocommerce/templates/cart/cart-empty.php
。 - 将
cart-empty.php
文件复制到您的主题或子主题中的woocommerce/cart/
目录下。如果没有这些目录,请创建它们。
- 前往
- 打开复制到主题中的
cart-empty.php
文件,找到以下代码:
php<p class="cart-empty">
<?php esc_html_e( 'No products in the cart.', 'woocommerce' ); ?>
</p>
- 将这段代码注释掉或删除:
php<!-- <p class="cart-empty">
<?php esc_html_e( 'No products in the cart.', 'woocommerce' ); ?>
</p> -->
或者删除:
php<?php
// Delete or comment out this block to remove the message
// <p class="cart-empty">
// <?php esc_html_e( 'No products in the cart.', 'woocommerce' ); ?>
// </p>
?>
- 复制 WooCommerce 插件中的购物车模板文件到您的主题中。具体操作如下:
方法三:通过 WooCommerce 钩子移除提示信息
- 添加代码到主题的 functions.php 文件:
- 前往 WordPress 管理后台,依次选择 外观 > 主题文件编辑器,然后选择当前使用主题的
functions.php
文件。 - 添加以下代码:
phpfunction remove_empty_cart_message() {
remove_action( 'woocommerce_cart_is_empty', 'wc_empty_cart_message', 10 );
}
add_action( 'init', 'remove_empty_cart_message' );
以上代码将移除 WooCommerce 默认的空购物车提示信息。
- 前往 WordPress 管理后台,依次选择 外观 > 主题文件编辑器,然后选择当前使用主题的
通过上述任意一种方法,您可以成功隐藏 WooCommerce 购物车页面上的“No products in the cart”提示信息。选择适合您的方法进行操作即可。