# TempoBloom Timepieces

[TempoBloom Timepieces](https://apparel-watches.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a small watch shop before a real Shopify store is ready. The catalog includes chronographs, field watches, and leather-strap watches. There are eight products across two collections. Products have two to three variants each, with product-specific choices for building selectors.

mock.shop is an auth-free Shopify Storefront GraphQL API backed by sample reference stores. Find out more about [mock.shop sample stores](https://www.shopify.com/blog/mock-shop).

## When to use this store

Choose TempoBloom Timepieces when you want to build a small watch shop with chronographs, field watches, and leather-strap watches.

Use TempoBloom Timepieces for:

- A small watch shop organized into field-watch and dress-watch collections
- Watch pages with case finish, strap, or dial choices specific to each product
- Watch sale displays and carts without option-driven price changes

Choose another mock.shop store if you need combined size and color selectors or a larger catalog. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example TempoBloom Timepieces query

Here’s an example GraphQL `POST` request that retrieves options and variant prices for one product from <https://apparel-watches.mock.shop/api>:

```bash
curl https://apparel-watches.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ product(handle: \"classic-chronograph-watch\") { id title options { name values } variants(first: 50) { pageInfo { hasNextPage } nodes { id title selectedOptions { name value } price { amount currencyCode } compareAtPrice { amount currencyCode } availableForSale } } } }"}'
```

This query retrieves Classic Chronograph Watch, including option values, variant IDs, selected options, availability, and current and compare-at prices. Use the selected variant’s ID and price when adding it to a cart.

The endpoint doesn't require authentication or an access token. Read <https://apparel-watches.mock.shop/llms.txt> for catalog details and store-specific instructions.

## What this catalog lets you test

Build a watch storefront with product pages, collection browsing, and mixed-item carts. Classic Chronograph Watch uses Case Finish (Brushed Steel, Matte Gunmetal). Use those returned values to build its selector. Prices stay the same across each product’s variants. Two products have compare-at prices for sale displays. Collections such as Rugged Field Essentials and Minimalist Dress Chronographs support themed browsing. Other products use Strap Material, Dial Color, or Strap Size. Some watches have conflicting taxonomy labels, including Bracelets and Anklets. Those labels don’t establish separate jewelry products, smartwatch features, or medical alarm functionality.

Preview the catalog in a storefront by opening <https://apparel-watches.hydrogen.mock.shop> in a browser.

![TempoBloom Timepieces product page for a classic chronograph watch with charcoal dial and tan leather strap, on sale for $275, with studio and mountain sunset lifestyle photos](images/tempobloom-timepieces-classic-chronograph-watch-20260911.webp)

## Build with an AI coding tool

To build a watch storefront with TempoBloom Timepieces using Claude, ChatGPT, Cursor, Lovable, or another AI assistant, copy the prompt below. It gives the assistant the store domain and directs it to the catalog instructions before it starts writing code.

```text
Build me a Hydrogen storefront using apparel-watches.mock.shop as the store domain. Setup instructions: apparel-watches.mock.shop/llms.txt
```

Shopify also provides a [mock.shop starter project](https://github.com/Shopify/mock-shop-starter): a Hydrogen storefront with product pages, collection browsing, and a working cart already connected to mock.shop. You or your AI coding tool can customize this code instead of building those pieces from scratch.

Follow the repository’s setup instructions, then set `PUBLIC_STORE_DOMAIN=apparel-watches.mock.shop` in `.env` and restart the dev server to use TempoBloom Timepieces’ catalog. Leave `PUBLIC_STOREFRONT_API_TOKEN` empty; mock.shop doesn’t require a token.

## Move to a real Shopify store

mock.shop uses fictional, read-only catalog data. Cart operations work, and checkout is mocked: no payment is taken and no real order is placed. The Customer Account API isn’t supported.

When you’re ready to launch, point your storefront at a Shopify store and add that store’s public Storefront API token. If you don’t have a Shopify store yet, [start a Shopify free trial](https://www.shopify.com/free-trial) to create one.

Read the [mock.shop developer documentation](https://shopify.dev/docs/storefronts/headless/mock-shop) for setup and migration details.

## Store facts

| | |
|---|---|
| Store handle | `apparel-watches` |
| Catalog model | Small watch shop |
| Products | 8 |
| Collections | 2 |
| Categories | 5 |
| Variants per product | 2–3 |
| Compare-at prices | 2 products |
| Requires shipping | All products |
| API endpoint | <https://apparel-watches.mock.shop/api> |
| Store instructions | <https://apparel-watches.mock.shop/llms.txt> |
| Browser preview | <https://apparel-watches.hydrogen.mock.shop> |