# Velvet & Vine Boutique

[Velvet & Vine Boutique](https://apparel-accessories.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a fashion accessories boutique with scarves, hats, wallets, and jewelry before a real Shopify store is ready. The catalog includes scarves, hats, wallets, clutch bags, keychains, brooches, bracelets, gloves, and belts. There are 30 products across four collections. Most products have three single-option variants; three products have two variants, and nine products have compare-at prices.

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 Velvet & Vine Boutique when you want to build a fashion accessories boutique with a variety of small wearable items, a mix of material and finish option types, and sale pricing across part of the catalog.

Use Velvet & Vine Boutique for:

- A fashion accessories boutique selling scarves, hats, wallets, clutch bags, and small leather goods
- Single-option selectors that vary by product type, including Material, Color, Size, and Finish
- Sale pricing display with nine compare-at products spread across the catalog

Choose another mock.shop store if you need a clothing shop with full garment sizing, a large uniform option structure, or products that don't require shipping. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example Velvet & Vine Boutique query

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

```bash
curl https://apparel-accessories.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ product(handle: \"wool-cashmere-blend-designer-bundle\") { id title options { name values } variants(first: 20) { pageInfo { hasNextPage } nodes { id title selectedOptions { name value } price { amount currencyCode } compareAtPrice { amount currencyCode } availableForSale } } } }"}'
```

This query retrieves Wool Cashmere Blend Designer Bundle, 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://apparel-accessories.mock.shop/llms.txt> for catalog details and store-specific instructions.

## What this catalog lets you test

Build accessory product pages with material, color, size, or finish selectors, plus collection pages for browsing bags and smaller items together. Most products have three variants, while three products have two. The Cashmere Travel Scarf uses Size, but other products use Material, Color, or Finish, so don’t assume every accessory needs the same selector. Prices stay the same across each product’s variants. Nine products have compare-at prices for sale displays alongside full-price items. Four collections organize the 30 products into headwear and neckwear, leather essentials, adornments and clutches, and winter staples.

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

![Velvet & Vine Boutique product page for Wool Cashmere Blend Designer Bundle, $142, showing rolled wool swatch images with color cards and an autumn park lifestyle photo, Size selector with Small selected, and Add to cart button](images/velvet-and-vine-boutique-wool-cashmere-blend-designer-bundle-20260911.webp)

## Build with an AI coding tool

To build a fashion accessories storefront with Velvet & Vine Boutique 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-accessories.mock.shop as the store domain. Setup instructions: apparel-accessories.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-accessories.mock.shop` in `.env` and restart the dev server to use Velvet & Vine Boutique’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-accessories` |
| Catalog model | Fashion accessories with Material, Color, Size, and Finish variants |
| Products | 30 |
| Collections | 4 |
| Categories | 10 |
| Variants per product | 2–3 |
| Compare-at prices | 9 products |
| Requires shipping | All products |
| API endpoint | <https://apparel-accessories.mock.shop/api> |
| Store instructions | <https://apparel-accessories.mock.shop/llms.txt> |
| Browser preview | <https://apparel-accessories.hydrogen.mock.shop> |