# Clock Settings

> **What You’ll Learn**
>
> * How to show a live, real-time clock on your storefront
> * How to set the timezone and adjust the display using an offset

***

### 🧭 Overview

The **Clock** setting displays a real-time digital clock on specific layouts like the Center Menu. It syncs with the selected timezone and updates live on your storefront, adding a dynamic and global feel to your store.

> 💡 This feature works best when paired with layouts where time or regional relevance is important (like product drops or localized campaigns).

***

### 🔧 How to Enable and Set Time

1. Go to **Theme Settings** > **Clock Settings**
2. Choose your timezone using the **Pick A Timezone** dropdown
   * Options include global zones like `America/New_York`, `Europe/London`, `Asia/Tokyo`, etc.
3. (Optional) Set a **Time Offset** in minutes:
   * Use a positive number to show the time ahead
   * Use a negative number to show the time behind

> 💡 Offsets are helpful for syncing the clock display to brand launches or regional adjustments.

***

### 🌍 Timezone Support

The timezone selector includes hundreds of options grouped by continent and region (e.g., `America/Los_Angeles`, `Asia/Seoul`, `Europe/Berlin`).

Use this to:

* Match your brand’s local time
* Display local time for an international audience
* Coordinate global launches, countdowns, or promos

***

### 📌 Notes

* The Clock is only visible on templates or sections that support it (e.g., **Center Menu**, **Side-Aligned Menu** if enabled)
* Time is displayed in **12-hour format** with real-time updates

> ⚠️ If the clock doesn’t appear, double-check that your chosen layout includes it and that it's not hidden by custom code.

***

### 🧪 Common Use Cases

* Real-time storefront branding ("Always Open" feel)
* Local time awareness for international stores
* Aligning your store to drop times or limited-time sales

### **Need Help?**

* 💬 **Join our community on Discord:** <https://discord.gg/hcc2GvgZc6>
* 📧 **Email us at:** <support@openspaces.design>
* 💻 **Live chat with us:** Available Monday–Friday, 10AM–6PM EST, directly on our website


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/readme-1/theme-settings/clock-settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
