How to Display the Trip Duration along with a Fixed Departure Date?

Providing clear and concise trip details is crucial for enhancing the user experience on a travel website. By displaying both the Trip Duration and Fixed Departure fields to your single trip page, you can offer potential travelers the essential information they need at a glance.

For more information, refer to the Recurring Dates feature page

This feature, introduced in WP Travel version 9.9.0, allows for greater customization of trip metadata and ensures that travelers have access to all relevant trip details. The Fixed Departure option is displayed alongside the Trip Duration section, making it easier for users to understand the key aspects of the trip quickly.

Displaying Trip Duration

If you wish to display the trip duration independently of the Fixed Departure option, the following settings are available:

• Day and Night: This option is ideal for trips that last multiple days.
• Hour and Minute: This option is perfect for shorter trips or activities, such as a hiking expedition.
• Booking Start Date: This option allows you to specify a date to block bookings before the trip’s availability. Learn more about Booking Start Date.
• Trip Validation Period: This option defines a booking validity period for seasonal or time-limited trips. Learn more about Trip Validation.

Frontend View of Trip Duration

Displaying Fixed Departure

When setting up a fixed departure date, enable the Fixed Departure option and configure the following features:

• Cut-off Time (in hours): This option allows you to add a cut-off time for booking the trip to ensure timely reservations. Learn more about Cut-off Time
• Date Label: This option allows you to add a custom label for the trip date to provide additional clarity.
• Select pricing options: This option allows you to select the pricing option added under the Prices tab.
• Starting Date: This option allows you to add the departure date which will be displayed in the frontend section(calendar) as the available date for booking the trip.
• End Date: This option allows you to add an ending date.
• Enable Time (Buy Pro): This option allows you to set a specific departure time. Learn more about Time Feature
• Recurring Dates (Buy Pro): This option allows you to automate trip dates for repeating or seasonal offerings. Learn more about Recurring Date

Frontend View of Fixed Departure

Displaying both Trip Duration and Fixed Departure

If you wish to add both a trip duration and a fixed departure date, you can do so, although it will not be displayed on the frontend.

Backend Setting to Enable both Trip Duration and Fixed Departure

To display the Trip Duration and Fixed Departure, please add the following code to the functions.php file of your child theme or simply you can add it through code snippets.

add_filter( 'wptravel_after_excerpt_single_trip_page', 'modify_trip_metas', 10, 4 );
function modify_trip_metas( $wptravel_after_excerpt_single_trip_page, $trip_id ) {
$new_trip_duration = wp_travel_get_trip_durations( $trip_id );
  $wptravel_after_excerpt_single_trip_page['trip_duration'] = '<li>
 <div class="travel-info">
 <strong class="title">Trip Duration</strong>
 </div>
 <div class="travel-info">
 <span class="value"> ' . esc_html( $new_trip_duration )  .
 '</span>
 </div>
 </li>';
    return  $wptravel_after_excerpt_single_trip_page;
}

For detailed information on creating a child theme, please refer to our Knowledgebase.

Frontend View when Displaying both Trip Duration and Fixed Departure

Important: This method works only with the default single trip layout.
However, in trip listing pages, the Fixed Departure date will still be displayed

This setup ensures that users can easily view the trip duration alongside the fixed departure date, improving their overall experience.

Conclusion

By following the above-mentioned steps you can easily Display the Trip Duration along with a Fixed Departure Date.

Check WP Travel documentation to learn more about configurations, modules, payments, and shortcodes.

Your feedback helps us improve. Please share your thoughts.

Need assistance? Contact our support team, join our Facebook community, and subscribe to our YouTube Channel for video tutorials.

You can also find us on Facebook, Instagram, LinkedIn, TikTok, and X. Thank you for choosing WP Travel.

If you are a WP Travel Free user thinking about upgrading to Pro, simply click on the banner below.