Business Hours
List your opening hours as a title and a set of day and time rows. Add separators between day and time, and dividers between rows.
Business Hours lists the times your business is open. You enter a title and add one child item per row. Each row has a day and a time.
How to add the Business Hours module
- Add a section and row, then add the Business Hours module.
- Add a Business Hour child item for each row.
- In each item, enter the Day (for example "Monday") and the Time (for example "9:00 AM - 5:00 PM").
- Set the Title and the row spacing on the parent module.
The Day and Time fields are plain text. The module does not calculate whether your business is open right now.
Content
Settings (Business Hours)
Open the module settings, go to the Content tab, and open the Settings group.
- Title: The heading above the rows.
- Show Title: On by default.
- Item Spacing Bottom: Space under each row. Default 25px.
- Show Text Separator: On by default. Shows a separator between the day and the time.
- Show Item Divider: Off by default. Shows a divider under each row.
- Divider Type: Solid (default), Double, Dotted, Dashed, Curved, or Zigzag.
- Divider Color: Default #dddddd.
- Divider Weight: Default 1px.
- Divider Height: Default 10px.
Business Hour item
Open a Business Hour item and go to the Content tab.
- Day: The day label.
- Time: The opening time text.
Design
Business Hours
Go to the Design tab.
- General: Day Text Width, Time Text Width, and item Padding.
- Title: Font settings, Padding, and Spacing Bottom (default 25px).
- Day Text and Time Text: Font settings for each part.
- Separator: Separator Type (Solid by default, or Double, Dotted, Dashed, Curved, Zigzag), Separator Spacing (default 15px), Separator Color (default #dddddd), Separator Weight (default 1px), and Separator Height (default 10px).
Business Hour item
Each item has its own Item, Day Text, Time Text, and Separator groups in the Design tab. The item's Separator Type defaults to Relative to Parent, so it follows the parent setting. Choose another type to override it for that row.