> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Stores and opening hours

> List your stores with opening hours that tell shoppers whether each store is open now, in the store's own time zone, with pickup notes, services and directions.

Kelvin's [Stores](https://docs.kwebby.com/kelvin/sections/stores.md) section, on the stores page template, shows a card for each of your stores. From the weekday hours you type, every card works out whether that store is open right now, in the store's own time zone: a shopper in California sees that a Brooklyn store closes at 8 PM Brooklyn time. The work happens in the shopper's browser, so nothing is looked up from another service.

![Store cards with open and closed lines and today's hours outlined](https://mintcdn.com/kwebby/tbWCv70mkhaUy_7w/images/kelvin/guide-stores-open-now.webp?fit=max\&auto=format\&n=tbWCv70mkhaUy_7w\&q=85\&s=d9351271751d365b870988bb77554647)

On the demo on a Monday morning: one store open now, one opening today, one opening tomorrow

**1. Create the stores page**

In **Online Store → Pages**, click **Add page**, give it a title such as Stores and pickup, choose **stores** under **Theme template** and save. Add the page to a menu in **Online Store → Navigation**, such as the footer.

**2. Add a block per store**

In the theme editor choose **Pages**, then **stores**, and select **Stores**. Replace the two sample stores, then click **Add block** and choose **Store** for each other location (up to 20). Fill in Name, Address (one line per row), Phone, Photo, Services and Pickup note.

**3. Type the opening hours**

Under Opening hours, fill in Monday to Sunday. Leave a day blank when the store is closed. The formats that work are in the table below.

**4. Set the time zone**

Type the store's Time zone, such as America/New\_York, and a short Time zone label, such as ET. The label shows next to the hours as ET, store time.

**5. Check the open lines**

Open the page and look at each card's line. To see what shoppers see at another time, add ?now= and a time in UTC to the page address, such as /pages/stores?now=2026-10-19T23:30:00Z.

## Opening hours formats

Each weekday is its own field. Kelvin reads the first two times in it as opening and closing time; anything else in the field is shown but ignored.

| You type | Kelvin reads |
| - | - |
| `10:00-19:00` | 10 AM to 7 PM |
| `10 am to 7 pm` | 10 AM to 7 PM |
| `9:30am-6pm` | 9:30 AM to 6 PM |
| `10 - 8 pm` | 10 AM to 8 PM: the first time takes the second one's am or pm when that makes sense |
| `10h00-19h00` or `10.00-19.00` | 10 AM to 7 PM |
| `noon-midnight` | 12 PM to 12 AM |
| `18:00-02:00` | Open past midnight, until 2 AM the next morning |
| `00:00-24:00` | Open all day |
| Blank | Closed, shown as Closed |
| `Closed` | Closed, shown as you typed it |

> [!WARNING]
>
> A day that does not contain two times counts as closed. Type `00:00-24:00` for a store that is open all day, not 24 hours.

The hours list on the card shows your text exactly as typed, and joins days in a row that have the same text, such as Mon to Sat. Type the same hours the same way on every day (always `10:00-19:00`, never `10-7` on one day) so they join. Days are joined in the order Monday to Sunday.

## Time zones

* **A time zone name**, such as America/New\_York, America/Chicago or Europe/London, follows daylight saving time. Use this.
* **An offset from UTC**, such as -05:00 or UTC-5, never changes. Update it when the clocks change, or the open lines are an hour off for half the year.
* **A name Kelvin cannot read** falls back to the shopper's own clock, so check the spelling, such as America/Los\_Angeles with an underscore.

## What shoppers see

* **Open now · until 8 PM** while the store is open.
* **Open, closes soon · until 8 PM** in the last hour before closing.
* **Closed · opens today at 10 AM** before opening, **Closed · opens tomorrow at 11 AM**, or **Closed · opens Wednesday at 11 AM** for a later day.
* No line at all when none of the store's days can be read.

Times are written the way the shopper's language writes them. The line refreshes every 30 seconds, and today's row in the hours list is outlined. Without JavaScript, the hours list still shows; only the open line is missing.

## Pickup, services and links

* **Pickup note** shows on the card after Pickup:, and in the Pickup row of the services table. It is formatted text, so it can hold a link, such as to your pickup questions at /pages/faq?cat=pickup.
* Keep it in line with **Settings → Shipping and delivery → Local pickup**. The pickup line on product pages and pickup at checkout come from your Shopify locations with local pickup turned on, not from these blocks.
* **Services** become filter chips when only some stores offer them, and rows in the services table. Spell them the same way at every store.
* **Directions** opens a map search for the address in a new tab. Paste your own map link in Directions link to use it instead.
* **Search words** are extra words the search should match, such as a neighborhood, state or ZIP code.
* On install the stores template also has a [Numbered steps](https://docs.kwebby.com/kelvin/sections/numbered-steps.md) section with the Link id pickup, so /pages/stores#pickup jumps to How pickup works.

![Service filter chips with the Repairs chip chosen and the count line](https://mintcdn.com/kwebby/tbWCv70mkhaUy_7w/images/kelvin/guide-stores-services.webp?fit=max\&auto=format\&n=tbWCv70mkhaUy_7w\&q=85\&s=52443c1035968e799d5ed6f75eb3efb4)

Choosing a service filter keeps the stores that offer it

## What it does not do

* It does not load a map service or ask for the shopper's location; Photo or map image is a plain picture.
* It does not sort stores by distance or show stock per store.
* Set as my store only marks that store on this page, saved on the shopper's device. It does not change pickup at checkout.
* It does not read your Shopify locations: add, close or move a store in the theme editor too.

## In the theme editor

![Stores in the theme editor](https://mintcdn.com/kwebby/QKNMzt7KPy_yk6ai/images/kelvin/editor-stores.webp?fit=max\&auto=format\&n=QKNMzt7KPy_yk6ai\&q=85\&s=3f8913065b7b2a120d058d31e7d42c20)

1 Stores; each store, with its hours and time zone, is a block · 2 its settings · 3 the preview


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.