---
title: Opening Hours
slug: opening-hours
docTags: 
createdAt: 2024-05-14T14:08:28.527Z
---

## Overview

A pre-made block that can display the Opening Hours schedule on the website, the data for this is stored inside Hyper Portal CMS object.

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/Tu_a4B7rtgqMtAlQmNTQF_image.png" size="44" width="335" height="41" position="center" caption="Opening Hours block - Page structure" alt="Opening Hours block - Page structure" darkWidth="335" darkHeight="41" showCaption="true"}

## Sample Opening Hours block

![Opening Hours block - Preview](https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/_1RTAujc51OstAkHHnJGS_opening-hours.jpg "Opening Hours block - Preview")

## General

### Background

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/fdxJkiGP1VWv7NkWpUNK2_image.png" size="50" width="336" height="85" position="center" darkWidth="336" darkHeight="85" showCaption="false"}

Click the square and select a background color for this block/section.

### Image

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/p1iWM_xceRGw8b5PJnsII_image.png" size="50" width="344" height="135" position="center" showCaption="false"}

### Contain Image

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/x1LxElKpZGVwdRumnSDc4_image.png" size="50" width="344" height="75" position="center" showCaption="false"}

Activate this to display the image contained in a column of fullwidth.

### Image horizontal align

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/Fezl5RLbbchvklCBBPdZy_image.png" size="50" width="341" height="176" position="center" showCaption="false"}

Align image to the **Left** or **Right**.

### Enable sticky animation

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/2ikgpWHx3RWpABdLmjoVS_image.png" size="50" width="327" height="74" position="center" showCaption="false"}

When set, this block will stick to the top of the screen when scrolling down.  The next block will be scroll over this fixed/sticky section.

## Text

### Showroom

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/31i6QIQlJasQbSKyLd2g6_image.png" size="50" width="338" height="87" position="center" showCaption="false"}

Add title for Showroom, will be visisble above the Showroom opening hours.

### Workshop

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/_5hlNMr-zyIWMKAwDH9ue_image.png" size="50" width="347" height="72" position="center" showCaption="false"}

Add title for Workshop, will be visible above the Workshop opening hours.

### Open Until Template

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/Fl_0SGXCK2XPTsNQjVb9g_image.png" size="50" width="341" height="74" position="center" showCaption="false"}

This data will be fetched from Hyper Portal CMS and display today's open until time

### Open From Template

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/Lkq0lFNGAfio9IwPlZCXt_image.png" size="50" width="346" height="74" position="center" showCaption="false"}

This data will be fetched from Hyper Portal CMS and display today's open from time.

### Tomorrow Template

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/Q8qqq8pkIGo3IK3uzh3VJ_image.png" size="50" width="335" height="71" position="center" showCaption="false"}

This is the text that will be shown as "the next opening day > Tomorrow"

### Today Template

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/QK9sjYPeGuavYvy0FFyev_image.png" size="50" width="350" height="79" position="center" showCaption="false"}

This is the text that will be shown as "today open > Today"

As of now, there is no interface for editing this block. If you need to** change** the opening hours, please **contact Hyperbuilder support**.