定制WooCommerce预订显示：将结束日期替换为预订时长

本教程旨在解决woocommerce bookings插件中默认显示预订开始日期和结束日期，而非预订时长的问题。我们将探讨如何通过覆盖woocommerce bookings模板文件这一核心方法，在购物车、我的账户页面及订单邮件中，将预订的结束日期替换为更直观的预订时长，从而提升用户和管理员的体验，并提供具体的实现思路和最佳实践。

引言：优化WooCommerce预订日期显示体验

在WooCommerce Bookings插件的实际应用中，尤其当产品以天为单位进行预订时，系统默认在订单摘要、我的账户页面以及邮件通知中显示预订的“开始日期”和“结束日期”。然而，对于许多用户和管理员而言，直接显示“开始日期”和“预订时长”更为直观和实用，能够有效避免混淆。例如，客户预订了3天，看到“开始日期：2025年10月26日，结束日期：2025年10月28日”可能不如“开始日期：2025年10月26日，预订时长：3天”清晰明了。本教程将指导您如何通过WooCommerce推荐的方式，实现这一显示优化。

理解WooCommerce预订日期显示机制与现有尝试

WooCommerce Bookings插件在不同的页面和通知中，通过其内部逻辑和模板文件来渲染预订产品的详细信息。默认情况下，它倾向于展示完整的日期范围。

有开发者尝试通过WordPress的过滤器（如wc_bookings_summary_list_date）来干预日期显示。例如，以下代码可以隐藏结束日期，只显示开始日期：

function modify_summary_date_20170821( $booking_date, $booking_start, $booking_end ) {
    echo 'Ankunft: '; // 可自定义前缀，如“Arrival:”
    return date_i18n( wc_date_format(), $booking_start );
}       
add_filter( 'wc_bookings_summary_list_date', 'modify_summary_date_20170821', 10, 3 );

这段代码确实能够阻止结束日期被显示，并允许自定义开始日期的前缀。然而，这个过滤器仅提供了$booking_date（通常是开始日期）、$booking_start和$booking_end作为参数。它无法直接提供预订时长的信息，也无法在现有参数的基础上轻松计算并插入时长，因为其设计目的主要是修改日期字符串本身，而非添加新的数据字段或改变整体结构。因此，要实现将结束日期替换为预订时长，我们需要更深层次的定制方法。

核心解决方案：通过模板覆盖定制显示

WooCommerce及其扩展插件（包括Bookings）都提供了强大的模板覆盖机制，允许开发者在不修改插件核心文件的情况下，自定义插件的输出内容。这是实现将结束日期替换为预订时长的最推荐和最灵活的方法。

为什么选择模板覆盖？

最大灵活性： 直接控制HTML结构和PHP逻辑，可以精确地调整显示内容和样式。
未来兼容性： 您的修改位于子主题中，插件更新时不会被覆盖。
直接访问数据： 在模板文件中，您可以直接访问到完整的预订对象（WC_Booking），从而获取其所有属性，包括开始日期、结束日期、时长和时长单位等。

识别相关模板文件

WooCommerce Bookings插件在多个地方显示预订详情，您可能需要根据实际需求修改一个或多个模板文件：

我的账户页面： woocommerce-bookings/templates/myaccount/bookings.php 或其包含的其他模板。
订单详情页（后台及前端）： woocommerce-bookings/templates/order/booking-details.php。
邮件通知： woocommerce-bookings/templates/emails/customer-booking-details.php (发给客户的邮件) 和 woocommerce-bookings/templates/emails/admin-new-booking.php (发给管理员的邮件)。
购物车/结账页面： 某些情况下可能涉及 woocommerce-bookings/templates/cart/cart-item-booking.php 或类似文件。

您可以在 wp-content/plugins/woocommerce-bookings/templates/ 目录下找到所有原始模板文件。

模板覆盖步骤

创建子主题（如果尚未创建）： 模板覆盖必须在子主题中进行，以确保插件更新后您的修改不会丢失。
复制模板文件：
- 在您的子主题目录中，创建一个名为 woocommerce-bookings 的文件夹。
- 将您需要修改的原始模板文件（例如，myaccount/bookings.php）从 wp-content/plugins/woocommerce-bookings/templates/ 复制到您的子主题的 woocommerce-bookings/ 文件夹中，并保持原有的子目录结构。
  - 例如，如果您要修改 myaccount/bookings.php，则复制到 your-child-theme/woocommerce-bookings/myaccount/bookings.php。
修改模板文件以显示时长：
- 打开复制到子主题的模板文件。
- 在这些模板中，您会发现用于显示预订详情的代码，通常会有一个 $booking 变量，它是一个 WC_Booking 类的实例。
- 找到显示开始日期和结束日期的代码段。例如，您可能会看到类似 echo $booking->get_start_date(); 和 echo $booking->get_end_date(); 的代码。
- 将显示结束日期的代码替换为显示预订时长的代码。WC_Booking 对象提供了获取时长的方法。

以下是一个概念性的代码示例，展示如何在模板中获取并显示预订时长：

get_start_date( 'timestamp' ) );

    // 获取预订时长和单位
    $duration = $booking->get_duration();
    $duration_unit = $booking->get_duration_unit(); // 例如 'day', 'hour', 'minute'

    // 根据单位进行本地化显示，例如将 'day' 显示为 '天'
    $translated_duration_unit = '';
    switch ( $duration_unit ) {
        case 'day':
            $translated_duration_unit = __( '天', 'your-text-domain' ); // 替换 'your-text-domain' 为您主题或插件的文本域
            break;
        case 'hour':
            $translated_duration_unit = __( '小时', 'your-text-domain' );
            break;
        case 'minute':
            $translated_duration_unit = __( '分钟', 'your-text-domain' );
            break;
        default:
            $translated_duration_unit = $duration_unit;
            break;
    }

    // 输出开始日期和预订时长
    echo '开始日期: ' . esc_html( $start_date_formatted ) . '';
    echo '预订时长: ' . esc_html( $duration ) . ' ' . esc_html( $translated_duration_unit ) . '';

    // 您可以根据需要移除或注释掉显示结束日期的原有代码
    // 例如：
    // echo '结束日期: ' . date_i18n( wc_date_format(), $booking->get_end_date( 'timestamp' ) ) . '';
}
?>

# php # word # html # 前端 # wordpress # ai # switch # 本地化 # 为什么 # echo # 字符串 # 对象

返回目录在线咨询

上一篇：详解vue.js+UEditor集成 [前后端分离项目]
下一篇：长沙网络营销公司助力企业数字化转型策略探析

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商