# Zenith Motion

[Zenith Motion](https://apparel-athleisure.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a studio-wear and athleisure shop with leggings, jackets, shorts, and tops before a real Shopify store is ready. The catalog includes leggings, shorts, sports bras, jackets, training tops, joggers, and a Pilates mat. There are 30 products across four collections. Every product has 12 variants combining Color and Size options with prices that vary by variant, and six products carry compare-at prices.

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 Zenith Motion when you want to build an athleisure or studio-wear shop with color and size selectors, collection navigation, and variant-dependent prices.

Use Zenith Motion for:

- An athleisure shop with leggings, jackets, shorts, tops, and joggers
- Color and Size selectors with selected-variant prices
- Pagination and collection browsing across 30 products

Choose another mock.shop store if you need a compact eight-product catalog or assigned taxonomy categories. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example Zenith Motion query

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

```bash
curl https://apparel-athleisure.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ product(handle: \"legging-taille-haute-taupe-veil\") { id title options { name values } variants(first: 20) { pageInfo { hasNextPage } nodes { id title selectedOptions { name value } price { amount currencyCode } compareAtPrice { amount currencyCode } availableForSale } } } }"}'
```

This query retrieves Taupe Veil high-waisted leggings, 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-athleisure.mock.shop/llms.txt> for catalog details and store-specific instructions.

## What this catalog lets you test

Build an athleisure storefront with product selectors, collection navigation, and paginated product grids. Taupe Veil high-waisted leggings have Slate, Moss, and Sand Color choices paired with XS through L sizes. Every product has 12 variants with some price variation, and six products have compare-at prices. Four collections organize studio essentials, commuter layers, training gear, and tops. No products have assigned taxonomy categories, so use the supplied collections for browsing rather than depending on category labels. The 30-product catalog also includes joggers, a sports bra, and a Pilates mat.

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

![Zenith Motion product page for Taupe Veil high-waisted leggings, $89, showing close-up legging views and a yoga studio lifestyle photo, with Color and Size selectors and Add to cart button](images/zenith-motion-athleisure-legging-taille-haute-taupe-veil-20260911.webp)

## Build with an AI coding tool

To build an athleisure storefront with Zenith Motion 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-athleisure.mock.shop as the store domain. Setup instructions: apparel-athleisure.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-athleisure.mock.shop` in `.env` and restart the dev server to use Zenith Motion’s 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-athleisure` |
| Catalog model | Athleisure with Color and Size variants, variable pricing |
| Products | 30 |
| Collections | 4 |
| Categories | 0 |
| Variants per product | 12 |
| Compare-at prices | 6 products |
| Requires shipping | All products |
| API endpoint | <https://apparel-athleisure.mock.shop/api> |
| Store instructions | <https://apparel-athleisure.mock.shop/llms.txt> |
| Browser preview | <https://apparel-athleisure.hydrogen.mock.shop> |