{"id":362804,"date":"2025-09-28T11:27:13","date_gmt":"2025-09-28T05:27:13","guid":{"rendered":"https:\/\/directorist.com\/?post_type=docs&#038;p=362804"},"modified":"2025-11-24T11:50:24","modified_gmt":"2025-11-24T05:50:24","password":"","slug":"business-hours-extension","status":"publish","type":"docs","link":"https:\/\/directorist.com\/docs\/business-hours-extension\/","title":{"rendered":"Business Hours"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Directorist Business Hours Extension (Step-by-Step Tutorial)\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/O126-QghVrs?start=2&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>The Business Hours extension ensures your customers know when your services are available. It supports both 12-hour and 24-hour formats, handles overnight shifts, and shows real-time \u201cOpen Now\u201d\/\u201cClosed Now\u201d badges. <\/p>\n\n\n\n<p>This is ideal for businesses operating with specific schedules, such as hospitals, tourism services, retail shops, and appointment-based operations. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Key Features<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Define opening and closing times for each day, with support for both 12-hour and 24-hour formats.<\/li>\n\n\n\n<li>Mark listings as open 24\/7 or set specific daily hours directly from the admin interface.<\/li>\n\n\n\n<li>Overnight shifts (e.g., 10:00 PM Monday \u2013 6:00 AM Tuesday) remain under the start day while clearly showing the closing day.<\/li>\n\n\n\n<li>Display live badges like &#8220;Open Now&#8221; or &#8220;Closed Now&#8221; to keep customers informed.<\/li>\n\n\n\n<li>Show countdowns like \u201cOpens in 1 day\u201d for businesses with limited weekly hours to keep visitors engaged.<\/li>\n\n\n\n<li>Show or hide business hours per listing and place them on listing pages, sidebar widgets, or both.<\/li>\n\n\n\n<li>Display business hours in your business\u2019s local time zone instead of default site settings.<\/li>\n\n\n\n<li>Optional <strong>AJAX rendering<\/strong> to avoid conflicts with page caching.<\/li>\n\n\n\n<li>Customizable badge text and colors. <\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Installation &amp; Configuration<\/strong> <\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to <strong>Directory Listings &gt; Themes &amp; Extensions<\/strong><\/li>\n\n\n\n<li>Find<strong> \u201cBusiness Hours\u201d <\/strong>and<strong> <\/strong>click<strong> Install <\/strong>and then <strong>Activate.<\/strong><\/li>\n\n\n\n<li>Navigate to <strong>Directory Listings &gt; Settings &gt; Extensions &gt; Extension General<\/strong> <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"646\" src=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-1.png\" alt=\"\" class=\"wp-image-362807\" srcset=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-1.png 1024w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-1-300x189.png 300w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-1-768x485.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Toggle on <strong>Business Hours<\/strong>, and hit <strong>Save<\/strong> Changes.<\/li>\n\n\n\n<li>Click the newly visible <strong>Business Hours<\/strong>. These settings are highly configurable.<\/li>\n<\/ol>\n\n\n\n<p><strong>Settings Reference<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>Setting<\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\"><strong>What it controls<\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\"><strong>Notes<\/strong><\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Open Badge Text<\/td><td class=\"has-text-align-center\" data-align=\"center\">Text shown when the listing is open.<\/td><td class=\"has-text-align-center\" data-align=\"center\">Example: \u201cOpen Now\u201d.<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Closed Badge Text<\/td><td class=\"has-text-align-center\" data-align=\"center\">Text shown when the listing is closed.<\/td><td class=\"has-text-align-center\" data-align=\"center\">Example: \u201cClosed Now\u201d.<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Business Hours Title<\/td><td class=\"has-text-align-center\" data-align=\"center\">Section heading above the hours.<\/td><td class=\"has-text-align-center\" data-align=\"center\">Example: \u201cOpening Hours\u201d.<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">24\/7 Description<\/td><td class=\"has-text-align-center\" data-align=\"center\">Text shown when a listing is set to always open.<\/td><td class=\"has-text-align-center\" data-align=\"center\">Example: \u201cOpen 24\/7\u201d.<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Time Format<\/td><td class=\"has-text-align-center\" data-align=\"center\">Global display format for hours.<\/td><td class=\"has-text-align-center\" data-align=\"center\">Choose 12-hour (AM\/PM) or 24-hour.<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Default Timezone<\/td><td class=\"has-text-align-center\" data-align=\"center\">Timezone used for time calculations and badges.<\/td><td class=\"has-text-align-center\" data-align=\"center\">Set this accurately for correct \u201cOpen Now\u201d status.<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Show Business Hours<\/td><td class=\"has-text-align-center\" data-align=\"center\">Toggles visibility of the hours on listings.<\/td><td class=\"has-text-align-center\" data-align=\"center\">Can be controlled per listing layout\/area.<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Cache Compatibility (AJAX)<\/td><td class=\"has-text-align-center\" data-align=\"center\">Renders status via AJAX to bypass cached pages.<\/td><td class=\"has-text-align-center\" data-align=\"center\">Recommended when using full-page caching.<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Badge Colors<\/td><td class=\"has-text-align-center\" data-align=\"center\">Color pickers for open\/closed badges.<\/td><td class=\"has-text-align-center\" data-align=\"center\">Defaults: Open = blue, Closed = black.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"658\" src=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-2.png\" alt=\"\" class=\"wp-image-362808\" srcset=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-2.png 1024w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-2-300x193.png 300w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-2-768x494.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Tip: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If your site uses caching or a CDN, enable Cache Compatibility (AJAX) to ensure \u201cOpen Now\u201d\/\u201cClosed Now\u201d updates in real time. <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Builder Setup<\/strong> <\/h2>\n\n\n\n<p>Follow these steps to configure and display the Business Hour feature effectively within your directory builder: <\/p>\n\n\n\n<p>1. Add Business Hour to Add Listing Form<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Path: Directory Builder &gt; Add Listing Form<\/li>\n\n\n\n<li>Drag the Business Hours field from Preset Fields into your preferred position.<\/li>\n\n\n\n<li>Admin \/ Listing owners can set hours when creating or editing a listing. <\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"506\" src=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-3.png\" alt=\"\" class=\"wp-image-362809\" srcset=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-3.png 1024w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-3-300x148.png 300w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-3-768x380.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>2. Show on Single Listing Pages<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Path: Directory Builder &gt; Single Page Layout &gt; Contents<\/li>\n\n\n\n<li>Drag the Business Hours block into your desired position. <\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-4.png\" alt=\"\" class=\"wp-image-362810\" srcset=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-4.png 1024w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-4-300x142.png 300w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-4-768x363.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>3. Show Status on All Listings (Archive\/Grid)<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Path: Directory Builder &gt; All Listing Layout<\/li>\n\n\n\n<li>Click the \u201c+\u201d icon and add the Open\/Close element where you want the status badge to appear. <\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"670\" src=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-5.png\" alt=\"\" class=\"wp-image-362811\" srcset=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-5.png 1024w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-5-300x196.png 300w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-5-768x503.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>4. Enable Search Option&nbsp; by Open Status<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Path: Directory Builder &gt; Search Form<\/li>\n\n\n\n<li>Add the Business Hours field to either the Search Bar or Search Filter to allow users to filter for currently open listings. <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Sidebar setup<\/strong> <\/h2>\n\n\n\n<p>After activation, the Business Hours widget should appear automatically in the Directorist Right Sidebar.<\/p>\n\n\n\n<p>If not:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to: Appearance &gt; Widgets<\/li>\n\n\n\n<li>Click the \u201c+\u201d icon, search for Business Hours, and add it to the Directorist Right Sidebar.<\/li>\n\n\n\n<li>Drag to reorder if needed. <\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-6.png\" alt=\"\" class=\"wp-image-362812\" srcset=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-6.png 1024w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-6-300x169.png 300w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/09\/image-6-768x434.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>Setting Up Hours on a Listing<\/strong> <\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Enable Business Hours \n<ul class=\"wp-block-list\">\n<li>Go to: Add New Listing (or edit an existing listing).<\/li>\n\n\n\n<li>Ensure the Business Hours option\/field is enabled. <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Choose a Timing Type \n<ul class=\"wp-block-list\">\n<li>24\/7 Service: Use for always-open businesses.<\/li>\n\n\n\n<li>Custom Hours: Define hours per day. <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Configure Hours \n<ul class=\"wp-block-list\">\n<li>All Day: Mark a day as open all day.<\/li>\n\n\n\n<li>Multiple Time Slots: Add multiple open\/close intervals in the same day (e.g., 9\u201312 and 14\u201318).<\/li>\n\n\n\n<li>Overnight Shift: Set hours that pass midnight (e.g., 22:00\u201306:00). They will be saved under the start day but display the next day as the closing day.   <\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p>Once you have completed the configuration, hours and badges appear on the All Listings page, Single Listing page, and (if added) within the Search Form and Sidebar Widget.  <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Frontend Preview of Business Hours<\/strong><\/h2>\n\n\n\n<p>After configuring the Business Hours settings, you can view the final appearance on the frontend in the following sections: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Single Listing Page View <\/li>\n\n\n\n<li>All Listing Page View <\/li>\n\n\n\n<li>Sidebar Widget View <\/li>\n<\/ol>\n\n\n\n<p><strong>Notes:<\/strong> <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ensure the <strong>Default Timezone<\/strong> is correct to avoid mismatched status for international visitors.<\/li>\n\n\n\n<li>If pages are cached, static HTML can display outdated badges. Enable Cache Plugin Compatibility (AJAX) in settings to fetch the live status after the page loads. After enabling, clear your site and CDN caches to ensure new logic takes effect.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Overview The Business Hours extension ensures your customers know when your services are available. It supports both 12-hour and 24-hour formats, handles overnight shifts, and shows real-time \u201cOpen Now\u201d\/\u201cClosed Now\u201d badges. This is ideal for businesses operating with specific schedules, such as hospitals, tourism services, retail shops, and appointment-based operations. Key Features Installation &amp; Configuration [&hellip;]<\/p>\n","protected":false},"author":22343,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[694],"doc_tag":[],"class_list":["post-362804","docs","type-docs","status-publish","hentry","doc_category-extensions"],"year_month":"2026-03","word_count":782,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Fairose Farabi","author_nicename":"farabisovware","author_url":"https:\/\/directorist.com\/author\/farabisovware\/"},"doc_category_info":[{"term_name":"Extensions","term_url":"https:\/\/directorist.com\/docs-category\/extensions\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/docs\/362804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/users\/22343"}],"replies":[{"embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/comments?post=362804"}],"version-history":[{"count":0,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/docs\/362804\/revisions"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/media?parent=362804"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/doc_category?post=362804"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/doc_tag?post=362804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}