{"id":44931,"date":"2024-07-16T13:19:13","date_gmt":"2024-07-16T13:19:13","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=44931"},"modified":"2025-10-10T12:49:06","modified_gmt":"2025-10-10T12:49:06","slug":"how-to-display-items-availability-status-dynamically","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/how-to-display-items-availability-status-dynamically\/","title":{"rendered":"How to Display Items\u2019 Availability Status Dynamically"},"content":{"rendered":"\n

Let\u2019s find out how to display the availability status of the booking instance post type posts. In our case, we have a car rental website and want to showcase the presented cars with their booking status below.<\/p>\n\n\n\n

So, there will be three statuses: \u201cAvailable,\u201d \u201cAvailable on\u201d (shown if the car is booked for less than seven days starting from today), and \u201cReserved\u201d (shown if the car is booked for more than seven days starting from today).<\/p>\n\n\n

<\/svg><\/div>
Things to know<\/div>

This tutorial is made based on the RentGo dynamic template<\/a> available during the Crocoblock installation.<\/p><\/div><\/div>\n\n\n\n

We want to display the availability status in the Listing Grid<\/strong><\/a>, <\/strong>where all the cars will be presented. So, first, we should build\/edit a Listing template<\/strong><\/a>.<\/p>\n\n\n\n

Build a Listing<\/h2>\n\n\n\n
\n

Head to WordPress Dashboard > JetEngine > Listings\/Components<\/em><\/strong>. Here, select the already-built Listing item <\/strong>and press the corresponding button to edit it. Or, build a listing from scratch by pressing the \u201cAdd New Listing Item<\/strong>\u201d button at the top of the page.<\/p>\n\n\n\n

We open the listing built beforehand with Elementor. However, you can edit your listing<\/a> in the Block Editor if you prefer.<\/p>\n\n\n\n

Our Listing item <\/strong>includes the following widgets:<\/p>\n\n\n\n

\"listing<\/a><\/div>\n\n\n\n