We’re Open!

Table designs

There are many designs available built into the plugin’s functionality.

[open class="hours-right outside-flush no-border"]

[open class="hours-right outside-flush no-border" consolidation="separate" time_format="12_dot_trim"]

[open class="hours-right current-line past-fade" day_format="short_date_short_month" time_format="12_dot_trim" update=true]

[open class="hours-right closed-italic past-fade" day_format="full_date_month" time_format="12_colon" update=true]

With special opening hours, you can list alternative hours over the holiday period.

[open class="hours-right closed-italic" day_format="full_date_month" time_format="12_dot_trim" start="2024/12/23" end="2024/12/28"]

[open class="hours-right closed-bold" day_format="full_date_month_nos" regular=false start="2022/12/23" end="2023/01/03"]

Check out the HTML Classes section in the plugin’s settings located in the Shortcodes tab. Using the update parameter will refresh the design when the opening status and days change.

Opening hours as text

It is easy to add your opening hours as text in existing content or as a stand-alone section.

Our opening hours are: [open text time_format="12_dot_trim" closed="Oh no, we’re closed" day_separator="; | and "]

Our opening hours are: Monday: 9am – 6pm; Tuesday: 9am – 6pm; Wednesday: 9am – 6pm; Thursday: 9am – 6pm; Friday: 9am – 6pm; Saturday: 9am – 2.30pm and Sunday: Oh no, we’re closed.

Our opening hours are: [open text closed_show=false day_separator="; | and " consolidation="separate"]

Our opening hours are: Weekdays: 09:00 – 18:00 and Saturday: 09:00 – 14:30.

[open text tag="p" weekdays_text="" weekend_text="" everyday_text="" consolidation="weekdays"]

Monday – Friday: 09:00 – 18:00; Saturday: 09:00 – 14:30; Sunday: Closed.

All of these shortcodes can be placed in either the shortcode block or the standard text block. Be careful when only using the shortcode as you may need to add <div> or similar as an enclosing element. Once placed, please check in the browser HTML to ensure that you’re compliant with web standards.

Consolidation

You may group days in the week and weekend separately, together or not at all.

[open consolidation="none"]

[open consolidation="separate"]

[open consolidation="weekdays"]

[open consolidation="weekdays" weekdays_text=""]

[open consolidation="weekend"]

[open consolidation="all"]

Note the weekend will only appear consolidated both days, here Saturday and Sunday, have exactly the same opening hours. Additionally, full consolidation using “all” will only occur when all days have identical opening hours.

Conditional shortcodes

You can enclose any text or HTML content within a shortcode to show or hide this depending on the current status of the business: open or closed.

[open_now]We’re open![/open_now] [closed_now]Sorry, we’re closed[/closed_now]

We’re open!

By default the content of the shortcode will update itself when the change of status occurs. An enclosing tag of <div> or <span> is added depending on the content of the shortcode. It is always better to specify your preference.

[open_now tag="div" update=false]<img src="/wp-content/uploads/Were-Open-Motif.svg" alt="We’re Open!">[/open_now]

[closed_now tag="div" update=false]<img src="/wp-content/uploads/Were-Closed-Motif.svg" alt="We’re Closed">[/closed_now]

If you are using a caching service on your website, the content of the page may be out-dated. So, you can perform an immediate check using the current time and returning the correct information.

[open_now update="immediate"]We’re currently open, but just checking because this website uses a caching service… The time is: [open_text]%now%[/open_text].[/open_now]

[closed_now update="immediate"]We’re currently closed, but just checking because this website uses a caching service… The time is: [open_text]%now%[/open_text].[/closed_now]

You can reload the entire page on the change from open to closed (or vice-versa). Nothing will appear if the business is currently closed. Note in the working shortcode, the reload functionality is disabled so that other shortcode instances will run uninterrupted.

[open_now reload=true]We’re open now so please drop into our shop![/open_now]

By default, there is no HTML present when the status doesn’t match. You can choose to set the hidden content to remain present in the element’s data.

[open_now remove_html=false]We’re open! <em>(HTML visible in source code)</em>[/open_now] [closed_now remove_html=false]Sorry, we’re closed <em>(HTML visible in source code)</em>[/closed_now]

We’re open! (HTML visible in source code) Sorry, we’re closed (HTML visible in source code)

Each shortcode has the parameter: class="open-text" for illustrative purposes only. As a reference, the opening hours are: Monday – Friday: 09:00 – 18:00; Saturday: 09:00 – 14:30; Sunday: Closed and the time is: 16:34.

Conditional special opening hours

A new feature: conditional display of HTML and shortcodes if there are special opening hours in the future. This is particularly useful when holiday periods are coming and you want to conditionally show something if it exists.

[open_special start=0 end=31]
<h3>Holiday opening times</h3>
[open regular=false special=true day_format="short_date_short_month" start=0 end=31]
[/open_special]

In order to illustrate this with some data, this example shows a preview rather than the plugin’s source data.

Holiday opening times

Just showing any special opening hours for the standard week.

[open_special tag="div" empty=true]
<h3>Special opening hours</h3>
[open regular=false day_format="full_date_month_comma"]
[/open_special]

If you don’t see anything, there are no special opening hours this week. There is an illustrative outline in this example, otherwise this element would be hidden from view.

Recommendations

• Remember to set regular to false parameters within any enclosed Shortcode. The parameter special is true by default, but you can set this for clarity.
• Set the same start and end (or count) parameters if another shortcode is placed in the content zone.
• You can use start with count and either a relative start day or a start date. See the Shortcode tab for more details.
• If there is no match, it will display nothing at all. You can overide this by setting the tag parameter and enabling the empty parameter.

Labels and notes

You can apply your own labels for special dates, replacing the standard day or date formatting.

[open regular=false start=0 end=45]

[open regular=false start=0 end=45 day_format="full_date_short_month_comma" labels=false]

Notes will appear after a set of opening hours with options to place a note before opening times or replace the times entirely.

[open regular=false start=0 end=45 notes="replace"]

[open regular=false start=0 end=45 notes=false]

[open regular=false start=0 end=45 notes="replace closed"]

[open regular=false start=0 end=45 note_affixes="(|)"]

[open regular=false start=0 end=45 notes="prefix" note_affixes="| : "]

Styling of these notes is possible using CSS selectors, such as these:

.opening-hours .note-only .hours {
    color: #D61D5B;
}
.opening-hours .note.prefix {
    color: #257BCB;
}

All examples in this section are manipulated to show a set of special opening hours in December and January.

The time right now

What is the time right now?

<p class="open-text">[open_text]%now%[/open_text]</p>

16:34

As this is simply text, this shortcode and its content exists within a standard paragraph block rather than in a shortcode block.

If you are experiencing problems with out-dated versions of your page, please start with this shortcode to identify the issue with either your cache or the incorrect timezone.

This website is running on the timezone: Europe/London so it is either GMT (GMT+0) or BST (GMT+1).

Replacement text and logic

You can do a lot with replacement text and logic!

<p class="open-text">[open_text]
%if_open_now% We are currently open, so pop in!
%else%
    %if_open_later% We are currently not open, but we will be open today at: %today_next%. 
    %else% We are currently not open for the remainder of the day
        %if_open_tomorrow%, however we are open tomorrow at %tomorrow_start%.
        %else% %space%and closed tomorrow. %end%
    %end%
%end%
[/open_text]</p>

We are currently open, so pop in!

Additional spacing is added for readability. When processed, spaces before and after logic statements are removed.

Replacement text reference

There is plenty of text to play around with… here is a complete list of all the text replacement codes, their current values and a description.