---
title: Opening Hours schedule
slug: opening-hours-schedule
docTags: 
createdAt: 2024-05-14T14:21:18.997Z
---

## 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/2g4vbs2FkFLunOQFjInql_image.png" size="44" width="343" height="43" position="center" caption="Opening Hours schedule block visible in Page structure" alt="Opening Hours schedule block visible in Page structure" darkWidth="343" darkHeight="43" showCaption="true"}

## Sample Opening Hours Schedule block

![Opening Hours Scheduled - Preview](https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/foYs9hGx-9-9NxYkyl53f_opening-hours-schedule.jpg "Opening Hours Scheduled - Preview")

## General

### Title

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/fokUFnIvEB4TO8Z25qkUK_image.png" size="50" width="345" height="77" position="center" caption="Opening Hours sheduled - Title settings" alt="Opening Hours sheduled - Title settings" darkWidth="345" darkHeight="77" showCaption="true"}

This is a small title shown above the columns

### Image

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/el6od45A1npiUq8mijKiA_image.png" size="50" width="341" height="140" position="center" caption="Opening Hours sheduled - Image settings" alt="Opening Hours sheduled - Image settings" darkWidth="341" darkHeight="140" showCaption="true"}

Use image from the library or upload a new one.

### Contain image

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/e8KbiVt2Ux4EOt82AkSUm_image.png" size="50" width="355" height="81" position="center" caption="Opening Hours sheduled - Contain image settings" alt="Opening Hours sheduled - Contain image settings" darkWidth="355" darkHeight="81" showCaption="true"}

Image will be shown as wide as the column, if not set image will be shown fullwidth

### Image horizontal align

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/OyDgLaDdoXwCtLLXPoD03_image.png" size="50" width="337" height="176" position="center" caption="Opening Hours sheduled - Image align settings" alt="Opening Hours sheduled - Image align settings" darkWidth="337" darkHeight="176" showCaption="true"}

Choose to align the image to the Left or Right

### Enable sticky animation 

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/Mokv2XuQFsNqFJKxqc_Zq_image.png" size="50" width="332" height="67" position="center" caption="Opening Hours sheduled - Sticky animation settings" alt="Opening Hours sheduled - Sticky animation settings" darkWidth="332" darkHeight="67" showCaption="true"}

When set as "**sticky**" the image wil stay fixed at the top of the screen.

## Supplements

### Conditional media :

Use this when you want to show different images for different retailer locations.



::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/HoOK8DbTfmU7yC3Oxq4j4_image.png" size="50" width="330" height="448" position="center" caption="Opening Hours sheduled block - Supplements - Conditional media" alt="Opening Hours sheduled block - Supplements - Conditional media" darkWidth="330" darkHeight="448" showCaption="true"}

 . 

1. **Url parameter name** : add parameter name here, for example 'retailerId'
2. **Url parameter value** : Add the parameter value here, for example 'FZKTA'
3.  **Display media** : Select images from Media Library or upload new images

Click "**+ Add**" to add multiple conditional images to this page.

## Text

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/uTns0M0LY-xNMA80Sl1aI_image.png" size="50" width="344" height="323" position="center" darkWidth="344" darkHeight="323" showCaption="false"}

Fill out the **Title**, **Showroom name**, **Service Name**.  Make sure to als add a "**Closed message**".

To fill in the dealer schedule, please refer to the documentation at the **[link](https://app.archbee.com/docs/N80gt0U5lsWevUvBwcz9m/TCS8Lw4C4bOOLmAlEh_f1)**.