{"id":2529,"date":"2025-08-20T17:32:27","date_gmt":"2025-08-20T11:32:27","guid":{"rendered":"https:\/\/directorist.com\/documentation\/?post_type=wpwax_extensions&p=2529"},"modified":"2025-08-21T10:10:13","modified_gmt":"2025-08-21T04:10:13","slug":"business-hours-setup-usage-guide","status":"publish","type":"wpwax_extensions","link":"https:\/\/directorist.com\/documentation\/extensions\/business-hours\/business-hours-setup-usage-guide\/","title":{"rendered":"Setup & Usage Guide"},"content":{"rendered":"\n

Overview<\/strong><\/h2>\n\n\n\n

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

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

Key Features <\/strong><\/h2>\n\n\n\n
    \n
  1. Define opening and closing times for each day, with support for both 12-hour and 24-hour formats.<\/li>\n\n\n\n
  2. Mark listings as open 24\/7 or set specific daily hours directly from the admin interface.<\/li>\n\n\n\n
  3. 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
  4. Display live badges like “Open Now” or “Closed Now” to keep customers informed.<\/li>\n\n\n\n
  5. Show countdowns like \u201cOpens in 1 day\u201d for businesses with limited weekly hours to keep visitors engaged.<\/li>\n\n\n\n
  6. Show or hide business hours per listing and place them on listing pages, sidebar widgets, or both.<\/li>\n\n\n\n
  7. Display business hours in your business\u2019s local time zone instead of default site settings.<\/li>\n<\/ol>\n\n\n\n

    Installation & Configuration<\/strong><\/h2>\n\n\n\n
      \n
    1. Navigate to Directory Listings > Themes & Extensions,<\/strong> locate \u201cBusiness Hours,\u201d<\/strong> then click Install and Activate.<\/strong><\/li>\n\n\n\n
    2. Go to Directory Listings > Settings > Extensions > Extension General<\/strong>, toggle on Business Hours<\/strong>, and hit Save<\/strong> Changes.<\/li>\n<\/ol>\n\n\n\n
      \"\"<\/figure>\n\n\n\n

      3. Click the newly visible Business Hours<\/strong>. These settings are accessible under Directory Listings > Settings > Extensions > Business Hour<\/strong> and are highly configurable. Below are the Configurable Options.<\/p>\n\n\n\n

        \n
      • Open Badge Text: Text shown when the business is open (e.g., “Open Now”). Customizable.<\/li>\n\n\n\n
      • Closed Badge Text: Text shown when the business is closed (e.g., “Closed Now”). Customizable.<\/li>\n\n\n\n
      • Business Hours Title: Label for the business hours section (e.g., “Opening Hours”).<\/li>\n\n\n\n
      • 24\/7 Description: Text for always-open businesses (e.g., “Open 24\/7”).<\/li>\n\n\n\n
      • Time Format: Choose 12-hour (AM\/PM) or 24-hour format.<\/li>\n\n\n\n
      • Default Timezone: Set the timezone for accurate hours display.<\/li>\n\n\n\n
      • Show Business Hours: Toggle visibility of hours on individual listings.<\/li>\n\n\n\n
      • Cache Compatibility: Use AJAX for better performance and avoid caching issues.<\/li>\n\n\n\n
      • Badge Colors: Customize badge colors for “open” (default: blue) and “closed” (default: black).<\/li>\n<\/ul>\n\n\n\n
          <\/ol>\n\n\n\n
          \"\"<\/figure>\n\n\n\n

          Builder Setup <\/strong><\/h2>\n\n\n\n

          Follow these steps to configure and display the Business Hour feature effectively within your directory builder:<\/p>\n\n\n\n

          1. Add Business Hour to Add Listing Form<\/h5>\n\n\n\n
            \n
          • Navigate to Directory Builder > Add Listing Form.<\/li>\n\n\n\n
          • Drag and drop the Business Hour field from the preset fields to your preferred position within the form.<\/li>\n\n\n\n
          • This field will now appear in the Add New Listing form.<\/li>\n<\/ul>\n\n\n\n
            \"\"<\/figure>\n\n\n\n
            2. Configure Business Hour in Single Page Layout<\/h5>\n\n\n\n
              \n
            • Go to Single Page Layout > Contents.<\/li>\n\n\n\n
            • Drag and drop the Business Hour field into a suitable position on the page.<\/li>\n<\/ul>\n\n\n\n
              \"\"<\/figure>\n\n\n\n
              3. Display Open\/Close Element in All Listing Layout<\/h5>\n\n\n\n
                \n
              • Open All Listing Layout settings.<\/li>\n\n\n\n
              • Choose where to display the open\/close badge.<\/li>\n\n\n\n
              • Click the + icon, then select the Open\/Close element and place it in your chosen position.<\/li>\n<\/ul>\n\n\n\n
                \"\"<\/figure>\n\n\n\n
                4. Integrate Business Hour into Search Form<\/h5>\n\n\n\n
                  \n
                • Navigate to the Search Form settings to enable filtering for open listings.<\/li>\n\n\n\n
                • Add the Business Hour field under either the Search Filter or Search Bar, depending on where you want it to appear.<\/li>\n<\/ul>\n\n\n\n

                  Sidebar setup<\/strong><\/h2>\n\n\n\n

                  The Business Hour widget should automatically appear in the Directorist Right Sidebar upon activation.<\/p>\n\n\n\n

                  If it does not appear automatically:<\/strong><\/p>\n\n\n\n

                    \n
                  1. Navigate to Appearance > Widgets.<\/strong><\/li>\n\n\n\n
                  2. Click the + icon<\/strong> in the widget area and search for Business Hour.<\/li>\n\n\n\n
                  3. Select the Business Hour widget to add it, then drag and drop it to your preferred position within the Directorist Right Sidebar.<\/li>\n<\/ol>\n\n\n\n
                    \"\"<\/figure>\n\n\n\n

                    How to Set Up Business Hours<\/strong><\/h2>\n\n\n\n

                    Follow these steps to configure and customize the working hours for your listings.<\/p>\n\n\n\n

                    1. Enable Business Hours<\/h5>\n\n\n\n
                      \n
                    • Navigate to Add New Listing and select the listing.<\/li>\n\n\n\n
                    • Enable the Business Hours option to display working hours in your listing.<\/li>\n<\/ul>\n\n\n\n
                      \"\"<\/figure>\n\n\n\n
                      2. Choose Timing Type<\/h5>\n\n\n\n

                      You have two options to configure the business timing:<\/p>\n\n\n\n

                        \n
                      • 24\/7 Service: Perfect for businesses operating 24 hours, 7 days a week.<\/li>\n\n\n\n
                      • Custom Hours: Allows specific time slots for selected hours.<\/li>\n<\/ul>\n\n\n\n
                        3. Customize Operational Hours<\/h5>\n\n\n\n
                          \n
                        • All Day Operations: Select the All Day option for full-day operations.<\/li>\n\n\n\n
                        • Configure your timezone.<\/li>\n\n\n\n
                        • Multiple Time Slots: Configure multiple opening and closing times for the same day if required.<\/li>\n\n\n\n
                        • Overnight Shift: Configure hours that continue past midnight for night shifts.<\/li>\n<\/ul>\n\n\n\n
                          \"\"<\/figure>\n\n\n\n


                          Once you have completed the configuration based on your requirements, the business hours will now be displayed on the All Listing page, Single Listing page, and within the Search Menu.<\/p>\n","protected":false},"author":24585,"parent":0,"menu_order":0,"template":"","class_list":["post-2529","wpwax_extensions","type-wpwax_extensions","status-publish","hentry","wpwax_extensions_category-business-hours"],"acf":[],"_links":{"self":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_extensions\/2529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_extensions"}],"about":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/types\/wpwax_extensions"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/users\/24585"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/media?parent=2529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}