# Bloom Motion Studio

[Bloom Motion Studio](https://studio.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a small yoga studio merchandise and class-listing shop before a real Shopify store is ready. The catalog includes a portable yoga mat, a yoga block, performance leggings, a fanny pack, a drop-in movement class, a four-class studio pass, a creative movement workshop, and a private studio session. There are eight products across three collections. Each product has one variant with no meaningful option choices; new builds can hide the Default Title selector.

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 Bloom Motion Studio when you want to build a small yoga studio merchandise and class-listing shop with mixed merchandise and class-listing carts with a separate Studio Services collection.

Use Bloom Motion Studio for:

- Small yoga studio merchandise and class-listing shop with a portable yoga mat, a yoga block, performance leggings, a fanny pack, a drop-in movement class, a four-class studio pass, a creative movement workshop, and a private studio session
- Single-variant pages for listings such as “Portable Yoga Mat”
- Mixed merchandise and class-listing carts with a separate Studio Services collection

Choose another mock.shop store if you need activewear with size choices or a catalog made entirely of physical goods. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example Bloom Motion Studio query

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

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

## What this catalog lets you test

Build a yoga studio storefront that displays mats, blocks, clothing, and class passes together. Bloom Motion Studio has four shippable merchandise items and four nonshipping class, pass, workshop, or session listings. Movement Essentials and Studio Transit Gear organize the merchandise, while Studio Services groups the nonshipping listings. Every product has one variant, so new builds can hide Default Title and use direct add-to-cart actions. The mixed catalog supports carts with both product types, but it doesn’t provide appointment scheduling or class booking.

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

![Bloom Motion Studio product page for Portable Yoga Mat showing Default Title selector, price $35.99, with studio product images and a yoga class lifestyle photo](images/bloom-motion-studio-portable-yoga-mat-20260911.webp)

## Build with an AI coding tool

To build a yoga studio storefront with Bloom Motion Studio 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 studio.mock.shop as the store domain. Setup instructions: studio.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=studio.mock.shop` in `.env` and restart the dev server to use Bloom Motion Studio’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 | `studio` |
| Catalog model | Small yoga studio merchandise and class-listing shop |
| Products | 8 |
| Collections | 3 |
| Categories | 4 |
| Variants per product | 1 |
| Compare-at prices | 2 products |
| Requires shipping | 4 |
| API endpoint | <https://studio.mock.shop/api> |
| Store instructions | <https://studio.mock.shop/llms.txt> |
| Browser preview | <https://studio.hydrogen.mock.shop> |