This documentation provides comprehensive insights into the Business Hours Block developed by Zoloblocks.

Adding a block to the editor

1. Click the Toggle Block Inserter icon and a sidebar will appear on the left side, All the blocks will be visible here.
2. Search by the Business Hours block name.
3. Then select the appear blocks ( with zoloblocks logo T.R corner).
4. After Drag and Drop it on the page.

After Inserting the blocks, Follow this.

1. Click on the Document Overviewer button and the Blocks list view will appear.
2. Here appears the Business Hours block.
3. After on the right side, Click on the Block. Then the Business Hours details appear.
4. Here show all the control tabs( Basic, Style, Extra ) of a block.

Basic Tab

The Basic tab controller displayed here offers the flexibility to adjust the layout of blocks according to your preferences.

General Section

Go to Basic > General

This section provides control for business hours,

1. Preset: Click on the presets selector and the pre-made styles will appear. you can select any.

Business List

Go to Basic > Business List

Add Business Day

1. Click on the ” + ” icon to add a new business day.

Edit Business Day

2. Click on the ” Carrot ” icon to edit the business day list.
3. Day: Set the day for the business hours.
4. Show Working Day: Disable the switcher to show the close day of business hours.
5. Closed Day: Set closed day text for the business hours.

6. Show working Day: Enable the switcher to show the business hour time.
7. Start Time: Set the start time for business hours.
8. End Time: Set the end for business hours.

Remove Business Hours Day

9. Click on the ” Trash ” icon to remove the business hours list. Can remove any business list you want.

Style Tab

Provide the controller to make the visual appearance or presentation of the tabs. This includes aspects visually appealing and cohesive with the overall design of the interface.

Item

Go to Style > Item

This section provides controls to change the appearance of the items.

1. Border: Set the border for the item.
2. Border Radius: Set the border-radius.
3. Margin: Set margin for the business hours item.

4. Padding: Set padding for the items.
5. Gap: Set the gap between the business hours item.

Odd Tab

6. Background Odd: Set the background for the odd item.

Even Tab

7. Background: Set the background for the Even item of the business hours.

Days Section

Go to Style > Days

Working Tab

1. Typography: Set the typography for the working days.
2. Color: Set color for it.
3. Background: Set the background color for the items.

4. Border Radius: Set the border radius for the times.
5. Padding: Set padding for the time business hours item.

Closed Tab

6. Typography: Set the typography for the closed time.
7. Color: Set color for it.
8. Background: Set the background color for the items.

9. Border Radius: Set the border radius for the times.
10. Padding: Set padding for the time business hours item.

Extra Tab Control

The extra tabs provide the controls of any blocks. You can make different visual layouts by following these Controls.
Click to learn more>>.

Video Assist

Video Tutorial Coming Soon! Check the demo page.

Thanks for being with us!