# SteadyGear Automotive

[SteadyGear Automotive](https://auto-parts.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a vehicle-parts and workshop-supplies catalog before a real Shopify store is ready. It includes brake components, filters, suspension parts, lights, and interior fittings. The catalog has 60 products across 5 collections. Every product has 12 variants from two options. Some products use the same pair of option names in a different order, with different pricing relationships.

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 SteadyGear Automotive when you’re building an auto-parts shop with two-option product selectors and variant-specific prices.

Use SteadyGear Automotive for:

- Parts catalogs with two-option product selectors
- Matching Compound and Finish selections by name rather than array position
- Resolving the same option values to each product’s own variant ID and price

Choose another mock.shop store if you need single-variant products or nonshipping digital goods. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example SteadyGear Automotive query

Here’s an example GraphQL `POST` request that retrieves two brake products with reversed option order from <https://auto-parts.mock.shop/api>:

```bash
curl https://auto-parts.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ pad: product(handle: \"ceramic-composite-brake-pad\") { id title options { name values } variants(first: 12) { nodes { id selectedOptions { name value } price { amount currencyCode } availableForSale } } } disc: product(handle: \"motorsport-brake-disc\") { id title options { name values } variants(first: 12) { nodes { id selectedOptions { name value } price { amount currencyCode } availableForSale } } } }"}'
```

This query returns product IDs, titles, option names and values, and all 12 variants for each product with IDs, selected options, prices, and availability. The pad lists Compound before Finish; the disc lists Finish before Compound. Adapt the query for your storefront needs.

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

## What this catalog lets you test

Build parts product pages with configurable choices, selected prices, and cart items. Match selections by option name: Compound `Carbon` and Finish `Raw` identify an $86.25 pad variant and a $165.00 disc variant. The pad’s price changes with Compound, while the disc’s price changes with Finish, so read the resolved variant’s price rather than applying one shared pricing rule. This sample catalog supports selector testing, not vehicle-fitment or safety claims.

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

![SteadyGear Automotive’s Ceramic Composite Brake Pad with product images, Compound and Finish options, a price, and an Add to cart button.](images/steadygear-automotive-ceramic-brake-pad-20260911.webp)

## Build with an AI coding tool

To build an auto-parts storefront with SteadyGear Automotive 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 auto-parts.mock.shop as the store domain. Setup instructions: auto-parts.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=auto-parts.mock.shop` in `.env` and restart the dev server to use SteadyGear Automotive’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 | `auto-parts` |
| Catalog model | Auto parts with two-option variants and selection-dependent prices |
| Products | 60 |
| Collections | 5 |
| Categories | 10 |
| Variants per product | 12 |
| Compare-at prices | 10 products |
| Requires shipping | All products |
| API endpoint | <https://auto-parts.mock.shop/api> |
| Store instructions | <https://auto-parts.mock.shop/llms.txt> |
| Browser preview | <https://auto-parts.hydrogen.mock.shop> |