Clock Settings

The Clock setting displays a real-time digital clock on specific layouts like the Center Menu.

For Plain Jane Starter, Plain Jane, and Plain Jane Interactive

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?