WooCommerce中隐藏购物车的“No products in the cart”提示信息

要在 WooCommerce 中隐藏购物车页面上的“No products in the cart”提示信息,可以通过以下方法实现:

方法一:通过 CSS 隐藏提示信息

  1. 添加自定义 CSS
    • 前往 WordPress 管理后台,依次选择 外观 > 自定义
    • 在左侧菜单中选择 附加 CSS
    • 添加以下 CSS 代码:
    css

    .woocommerce-cart .cart-empty {
    display: none;
    }

    以上代码将隐藏购物车页面上显示“No products in the cart”提示信息。

方法二:通过修改主题文件

  1. 创建子主题(可选,但推荐)
    • 如果您尚未使用子主题,建议先创建一个子主题,以防止主题更新时自定义代码被覆盖。
  2. 修改购物车模板文件
    • 复制 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 钩子移除提示信息

  1. 添加代码到主题的 functions.php 文件
    • 前往 WordPress 管理后台,依次选择 外观 > 主题文件编辑器,然后选择当前使用主题的 functions.php 文件。
    • 添加以下代码:
    php

    function remove_empty_cart_message() {
    remove_action( 'woocommerce_cart_is_empty', 'wc_empty_cart_message', 10 );
    }
    add_action( 'init', 'remove_empty_cart_message' );

    以上代码将移除 WooCommerce 默认的空购物车提示信息。

通过上述任意一种方法,您可以成功隐藏 WooCommerce 购物车页面上的“No products in the cart”提示信息。选择适合您的方法进行操作即可。

Tags :
插件使用