Skip Navigation
WordPress Help Centre
18 Related Support Articles

Advanced Business Hours

How to disable the block editor from managing widgets?

A recent version of WordPress borught block editors to widgets. Certain plugins like Advanced Business Hours and Advanced Music Widget are not compatible with the block editor.

Simply download Classic Widgets plugin: https://wordpress.org/plugins/classic-widgets/

Once activated, this plugin restores the previous widgets settings screens and disables the block editor from managing widgets. There is no other configuration, the classic widgets settings screens are enabled or disabled by either enabling or disabling this plugin.

Oct 14, 21

How to use seasonal option?

You can setup the widget so the business hours are shown during specific time period. For example, if your business is only operational during summer and you just want to show hours from June to September.

Seasonal Time Period

Simply visit the Seasonal Time Period and set a start and end date. The date should be in this format Month_Number/Day_Number. For example, June 21, will be 6/21.

Seasonal Custom Message

You can display a custom message for days which are not within the season. Simply go to custom messages tab and edit/add your custom message.

The start date is automatically appended to your message

and final result would be something like this:

Jun 04, 21

How to display hours using 24 hr format?

If you want to display hours in 24 hour format instead of 12 hour format, simply make sure you check Display hours using 24 hour format option in the view tab.

Important You still need to enter hours in 12 hour format when entering business hours

and then the hours will be shown in 24 hour format:

Jun 04, 21

How to change widget's direction?

Every widget has an additional class for RTL and LTR directions that is appended to abh-wrapper class. You can add your custom style to these classes to target specific direction:

.abh-wrap-ltr{
  /* your modifications */
}
.abh-wrap-rtl{
  /* your modifications */
}

for example, if your website language is Arabic, you can make the text right aligned:

.abh-wrap-rtl{
  text-align: right;
  direction: rtl;
}
Jun 04, 21

Custom colors are not applied?

Since version 1.6.0 user's customizations (for colors) are written in a custom css file. This file is automatically generated when you modify and customize the widget.

This file is located in .../plugins/advanced-business-hours/css/abh-custom-style.css

If you cannot see your customizations (example, you changed the color for header and it is still the default color), please follow these steps:

  1. Clear your browser cache and cookies
  2. Clear any cache if you use any caching plugin (ex: W3 Total Cache, Super Cache, WP Rocket)
  3. Make sure advanced-business-hours/css/ directory has write permission so the custom style is written

Check to see if the custom css file exist by going to this location:

wwww.your-website.com/wp-content/plugins/advanced-business-hours/css/abh-custom-style.css

change the website address to your own website and copy/paste the link into browser's address bar

Enable inline loading of the customization

Alternatively, you can load the customization as inline style in the header.

Jun 04, 21

How to move the badge before today text?

If you want to show Open and Closed badges before the today text, you can add these to your custom style:

/* for open badge */
#adv_business_hrs-4 .open-status {
    float: left        !important;
    margin-right: 10px !important;
    margin-left: 0     !important;
    line-height: 1.1   !important;
}

/* for closed badge */
#adv_business_hrs-4 .closed-status {
    float: left        !important;
    margin-right: 10px !important;
    margin-left: 0     !important;
    line-height: 1.1   !important;
}

the number 4 in #adv_business_hrs-4 is the widget ID. This number is unique for every widget. You can find this ID in the shortcode tab.

Jun 04, 21

How to make sure plugin is compatible with caching plugins?

If you use a caching plugin, like W3 Total Cache, Super Cache or WP Rocket, you can check the Load widget using ajax option in the view tab so the widget is loaded via ajax:

This way, you will not experience an issue for closed/open status.

Limitations

if you check this option, the countdown to closing and opening hours will not work. If you need the counter, you must uncheck this option.

Jun 04, 21

How to hide today's hours when open?

If you want to hide today's hours when open go to the view tab and make sure Hide today's hours when open is checked.

and the hours will be hidden in the widget:

Jun 04, 21

How to hide today's hours when closed?

If you want to hide today's hours when closed go to the view tab and make sure Hide today's hours when closed is checked.

then business hours are hidden when closed:

Jun 04, 21

How to show tomorrow's hours?

If you want to show tomorrow's hours, go to the view tab and make sure Show tomorrow's hours is checked.

and tomorrow's hours will be displayed:

This option best works/viewed when Hide today's hours when closed is also checked (like the above example). However, you can can enable this option with regular settings too (like the below example).

Jun 04, 21

How to add holiday/special days hours?

To add holidays simply click on the holidays tab:

Then fill out the information similar to the given structure. It requires the following information:

Holiday Name  ex: Christmas
Holiday Date  ex: 12/25
Start Time    ex: 10:00 AM
End Time      ex: 3:00 PM

Add more than one holiday Once you enter the first holiday, save the widget and another set of holiday fields will appear.

Delete a holiday

To delete a holiday, remove all fields (holiday name, date, start and end time) and save the widget.

Holiday Date should be in this format MONTH_NUMBER/DAY_NUMBER without any leading zeros. For example December 25 will be 12/25, July 24 will 7/24 and etc. You do not have to enter a year!

Add holiday message in the header

To add a custom message for the header during holidays, go to the general settings tab and enter your message:

the final result will look like this:

Disable holiday header

If you want to show a regular header during a holiday, just make sure the holiday message for header is empty. If you leave that field empty and it is holiday, then the regular header is shown.

Jun 04, 21

How to hide header and footer via custom css?

You can use custom css to modify the widget. The css selector for the widget is as follow: #adv_business_hrs-x where x is the widget ID that can be seen in the shortcode tab.

Hide header: To hide the header, you will add this custom css: (in this example, 2 is the widget ID, make sure you change it with your own widget ID)

#adv_business_hrs-2 .abh-wrapper .abh-header {
    display: none !important;
}

Hide footer: To hide the footer, you will add this custom css: (in this example, 2 is the widget ID, make sure you change it with your own widget ID)

#adv_business_hrs-2 .abh-wrapper .abh-footer {
    display: none !important;
}

and the widget will look like this:

May 30, 21

How to use font awesome icons?

Since version 1.1.01 you can use font awesome icons to replace the calendar icon in the header. Simply make sure you check the "use font awesome icon" option. If your theme does not include the font awesome css file, you can select "include font awesome css file". This option will load the font awesome css file in your theme. If your theme already includes this file, you should not load it again.

A screenshot of the widget which uses font awesome icon in the header:

May 30, 21

How to display hours as open 24 hours?

If your business is open 24 hours for certain days, start at 12:00 AM and end at 11:59 PM. Then go to the view tab and check the "display 24 hours" option:

Step 1: Make sure you start at 12:00 AM and end at 11:59 PM

Step 2: Select Display open 24 hours for certain days

Now when you visit the widget, you can see that instead of opening hours, it shows "open 24 hours":

May 30, 21

How to customize the widget via css?

You can easily customize the widget via css if you need additional customizations which are not provided in the widget settings page.

Every Advanced Business Hours widget has a unique ID, this allows you to modify each individual widget separately if you have more than one widget.

/* basic structure */
#adv_business_hrs-4 
   .abh-wrapper
     .abh-header
     .abh-body
     .abh-footer

In the above example, 4 is the widget ID. This ID can be found in the shortcode tab.

For example, to add a border around the entire widget, you can write:

#adv_business_hrs-4 .abh-wrapper { border: 5px solid #333; }
May 30, 21

What are the requirements to run this plugin?

This plugin has been tested with PHP 5.6.x and WordPress 4.5.x and up. Here are the requirements for WordPress:

To run WordPress we recommend your host supports:

PHP version 7.4 or greater. MySQL version 5.6 or greater OR MariaDB version 10.1 or greater. HTTPS support

May 30, 21

What are the current available languages?

This plugin has been translated to the following languages via Google Translation: German, Dutch, Spanish

The translations were done automatically and if you found any grammatical errors, please contact me and I will fix them in the next release.

You can also translate the plugin to your language and share the files to be used by other users.

May 30, 21

How to change WordPress default timezone

This plugin uses the default WordPress timezone. Please see this screenshot to change the timezone to appropriate timezone (your local time)

May 30, 21
© 2021 by WordPress Help Centre. All rights reserved.