← All widgetsWidget 273 · emcp_custom_273

Business Hours

Elementor widget5 layouts15 content options22 style options2 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: business hours, opening hours, schedule, open now, store hours.

Setup guide

  1. Open a page in Elementor, search the panel for Business Hours and drag it into a container.
  2. Content › Hours: Days, Layout, Title, Icon, 12-hour Format, Closed Text, Open Now Badge, Open Badge Text and 7 more.
  3. Pick a Layout: List with dotted leaders, Table rows, Day cards, Compact (today + toggle), Inline chips. Each one is shown below.
  4. Style tab sections: Style. Colours, typography and spacing set here are scoped to this widget instance.
  5. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout

List with dotted leaders

Layout = list

Opening hours
Closed on 25 December
Layout

Table rows

Layout = table

Opening hours
Closed on 25 December
Layout

Day cards

Layout = cards

Opening hours
Layout

Compact (today + toggle)

Layout = compact

Opening hours
Layout

Inline chips

Layout = inline

Opening hours
Closed on 25 December

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Hours

OptionTypeChoices / rangeDefaultNotes
Days
days		Repeater7 items
↳ Day
day		DropdownMonday, Tuesday, Wednesday, Thursday, Friday, Saturday, Sunday1
↳ Custom Label
label		Text
↳ Opens (HH:MM, 24h)
open		Text09:00
↳ Closes (HH:MM, 24h)
close		Text18:00
↳ Second Slot Opens
open2		Text
↳ Second Slot Closes
close2		Text
↳ Closed All Day
closed		Toggleon / off
↳ Note
note		Text
Layout
layout		DropdownList with dotted leaders, Table rows, Day cards, Compact (today + toggle), Inline chipslist
Title
title		TextOpening hours
Icon
icon		Iconfar fa-clock
12-hour Format
hour12		Toggleon / off
Closed Text
closed_text		TextClosed
Open Now Badge
show_status		Toggleon / offyes
Open Badge Text
open_text		TextOpen now
Closed Badge Text
closed_badge		TextClosed now
Show Next Change (closes at / opens at)
next_text		Toggleon / offyes
Time Zone (IANA, empty = visitor's)
timezone		Text
Highlight Today
highlight_today		Toggleon / offyes
Sort Monday First
start_monday		Toggleon / offyes
Holiday Notice
holiday		Text
Footer Note
footer		Text

Style tab

Style

OptionTypeChoices / rangeDefaultNotes
Accent
accent		Color#6a11cb
Background
bg		Color
Padding
pad		Dimensions
Radius
radius		Slidermin 0, max 40, px16
Border
border		Border
Shadow
shadow		Box shadow
Title Typography
title_typo		Typography
Title Color
title_color		Color#101828
Day Typography
day_typo		Typography
Day Color
day_color		Color#344054
Time Typography
time_typo		Typography
Time Color
time_color		Color#101828
Closed Color
closed_color		Color#b42318
Today Background
today_bg		Color#f4ebff
Row Padding
row_pad		Dimensions
Row Gap
row_gap		Slidermin 0, max 24, px4
Divider / Leader Color
divider_color		Color#d0d5dd
Open Badge
open_bg		Color#dcfae6
Closed Badge
closed_bg		Color#fee4e2
Notes Color
note_color		Color#98a2b3
Holiday Notice Background
holiday_bg		Color#fffaeb
Card Columns
cols		Dropdown2, 3, 4, 74

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_273" and a settings object using the keys above. Run get-custom-widget with id 273 for the full JSON spec.