# LuminaStrand

[LuminaStrand](https://haircare-dropship.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a small hair styling tool shop before a real Shopify store is ready. The catalog includes curling irons, hair dryers, hair straighteners, hair serums, and styling tool accessories. There are eight products across two collections. Each product pairs two option selectors, using choices specific to the item.

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 LuminaStrand when you want to build a styling tool shop with curling-iron heat and barrel choices and live price updates.

Use LuminaStrand for:

- Hair styling tool store with curling irons, dryers, a straightener, serums, and a styling accessory
- Ergonomic Curling Iron product pages with `heat_setting` and `barrel_diameter` choices
- Browsing heat-styling and drying collections and adding configured tools to a cart

Choose another mock.shop store if you need a larger haircare range focused on shampoos, masks, and single-option products. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example LuminaStrand query

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

```bash
curl https://haircare-dropship.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ product(handle: \"ergonomic-curling-iron\") { 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 Ergonomic Curling Iron, 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://haircare-dropship.mock.shop/llms.txt> for catalog details and store-specific instructions.

## What this catalog lets you test

Build a hair styling tool shop where customers choose a curling iron’s heat setting and barrel diameter before adding it to their cart. LuminaStrand supports that request with the Ergonomic Curling Iron: changing the heat setting changes its sample price, while barrel choices remain a separate selector. The eight-product range also includes dryers, a straightener, serums, and an accessory. Precision Heat Sculpting and Lustrous Air Drying provide two browsing paths. Read each product’s own options and prices, especially when moving from a curling iron to another tool.

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

![Ergonomic Curling Iron product page on LuminaStrand, showing slim silver wand in studio and night salon settings, heat and barrel diameter selectors with sold-out states](images/luminastrand-ergonomic-curling-iron-20260911.webp)

## Build with an AI coding tool

To build a hair styling tool storefront with LuminaStrand 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 haircare-dropship.mock.shop as the store domain. Setup instructions: haircare-dropship.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=haircare-dropship.mock.shop` in `.env` and restart the dev server to use LuminaStrand’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 | `haircare-dropship` |
| Catalog model | Small hair styling tool shop |
| Products | 8 |
| Collections | 2 |
| Categories | 5 |
| Variants per product | 12 |
| Compare-at prices | 1 product |
| Requires shipping | All products |
| API endpoint | <https://haircare-dropship.mock.shop/api> |
| Store instructions | <https://haircare-dropship.mock.shop/llms.txt> |
| Browser preview | <https://haircare-dropship.hydrogen.mock.shop> |