# Mock.shop

[Mock.shop](https://demostore.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a casual clothing and footwear shop before a real Shopify store is ready. The catalog includes t-shirts, hoodies, sweatpants, puffer jackets, leggings, canvas sneakers, and slides. There are 29 products across eight collections. The catalog mixes products with one or two selectors and single-variant items with no meaningful choices. This is the default catalog served at mock.shop.

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 Mock.shop when you want to build a casual clothing and footwear shop with outfit and footwear carts with navigation by clothing type and collection.

Use Mock.shop for:

- Casual clothing and footwear shop with t-shirts, hoodies, sweatpants, puffer jackets, leggings, canvas sneakers, and slides
- `Size` and `Color` choices on “Sweatpants”
- Outfit and footwear carts with navigation by clothing type and collection

Choose another mock.shop store if you need a larger clothing catalog for long product grids and paginated browsing. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example Mock.shop query

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

```bash
curl https://mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ product(handle: \"sweatpants\") { 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 Sweatpants, 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://demostore.mock.shop/llms.txt> for catalog details and store-specific instructions.

## What this catalog lets you test

Build an online clothing and shoe store with Men, Women, Unisex, Tops, and Shoes browsing paths. The default Mock.shop catalog has 29 products, including hoodies, sweatpants, sneakers, and accessories. On Sweatpants, customers choose Size and Color; Small/Green costs $35 CAD while Small/Ocean costs $42 CAD, so the selected price should carry into the cart. Other items have different choices, including single-variant sunglasses. Use the eight collections to build navigation and let customers combine an outfit and footwear in one cart.

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

![Mock.shop product page for Sweatpants showing size and color selectors, price CA$35.00, and multiple product images in green and taupe colorways](images/mock-shop-default-sweatpants-20260911.webp)

## Build with an AI coding tool

To build a clothing and footwear storefront with Mock.shop 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 mock.shop as the store domain. Setup instructions: demostore.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=mock.shop` in `.env` and restart the dev server to use Mock.shop’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 | `demostore` |
| Catalog model | Casual clothing and footwear shop |
| Products | 29 |
| Collections | 8 |
| Categories | 2 |
| Variants per product | 1–45 |
| Compare-at prices | 0 products |
| Requires shipping | All products |
| API endpoint | <https://mock.shop/api> |
| Store instructions | <https://demostore.mock.shop/llms.txt> |
| Browser preview | <https://demostore.hydrogen.mock.shop> |