# Noble Stitch Atelier

[Noble Stitch Atelier](https://apparel-made-to-order.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a made-to-order tailoring catalog with three product options before a real Shopify store is ready. It includes suits, dress shirts, pants, an overcoat, and a dress belt. The catalog has 8 products across 2 collections. Every product has 72 variants from three options: six sizes, four colors, and three materials or finishes. Variant prices change with each product's first option, every variant requires shipping, and no product has a compare-at price.

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 Noble Stitch Atelier when the storefront needs shoppers to configure three choices before a product can be added to the cart.

Use Noble Stitch Atelier for:

- Made-to-order, tailoring, bespoke, or premium menswear storefronts with a small catalog
- Product pages with three option selectors, 72-variant lookups, and option-driven price updates
- Carts and line items that must carry a full three-option variant title

Choose another mock.shop store if you need a large catalog, single-variant products, sale pricing, subscriptions, digital delivery, or appointments. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example Noble Stitch Atelier query

Here’s an example GraphQL `POST` request that retrieves product options and variant pricing from <https://apparel-made-to-order.mock.shop/api>:

```bash
curl https://apparel-made-to-order.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ products(first: 2) { nodes { title options { name values } variants(first: 3) { nodes { title selectedOptions { name value } price { amount currencyCode } availableForSale } } } } }"}'
```

This query returns product titles, option names and values, variant titles, the selected option for each variant, availability, and current prices. Adapt the query for your storefront needs.

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

## What this catalog lets you test

The catalog’s three-option products let an agent test a configurator rather than a simple size-and-color picker. Because every product has 72 variants and the price changes with the first option, the store supports testing multi-step option selection, variant resolution from three selected options, selected-variant price updates, availability checks across a large variant set, and cart line items with three-part variant titles.

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

![Noble Stitch Atelier's Ivory silk tailored suit product page with six sizes, three materials, and four colors to choose from.](images/noble-stitch-atelier-ivory-silk-tailored-suit.webp)

## Build with an AI coding tool

To build a made-to-order tailoring storefront with Noble Stitch Atelier 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-made-to-order.mock.shop as the store domain. Setup instructions: apparel-made-to-order.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-made-to-order.mock.shop` in `.env` and restart the dev server to use Noble Stitch Atelier’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-made-to-order` |
| Catalog model | Configurable, three-option apparel catalog |
| Products | 8 |
| Collections | 2 |
| Categories | 5 |
| Variants per product | 72 |
| Compare-at prices | None |
| Requires shipping | All products |
| API endpoint | <https://apparel-made-to-order.mock.shop/api> |
| Store instructions | <https://apparel-made-to-order.mock.shop/llms.txt> |
| Browser preview | <https://apparel-made-to-order.hydrogen.mock.shop> |