# VigorVibe Active

[VigorVibe Active](https://activewear-dropship.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a small activewear shop with sports bras, leggings, and jackets in multiple colors and sizes before a real Shopify store is ready. The catalog includes sports bras, leggings, a cropped hoodie, an activewear top, a jacket, and a running belt. There are eight products across two collections. Every product has 12 Color and Size variants with some price variation across its selections; none has 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 VigorVibe Active when you want to build a small activewear shop with sports bras, leggings, and workout layers, color and size choices, and prices that update with the selection.

Use VigorVibe Active for:

- A small activewear shop with color and size selectors
- Product pages that update prices to match the selected variant
- Collection browsing and cart flows across two collections

Choose another mock.shop store if you need a larger product catalog, compare-at sale pricing, or broader categories beyond activewear. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example VigorVibe Active query

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

```bash
curl https://activewear-dropship.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ product(handle: \"electric-blue-sports-bra\") { 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 Electric Blue Sports Bra, 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://activewear-dropship.mock.shop/llms.txt> for catalog details and store-specific instructions.

## What this catalog lets you test

Build an activewear storefront with color and size selectors, selected-variant prices, and a cart. The Electric Blue Sports Bra has four Color choices and three Size values, making 12 variants. Every product has some price variation across its selections, so use the selected variant’s price rather than holding onto the first displayed amount. Kinetic Compression Series and Velocity Layering Essentials each contain four products for collection browsing. The catalog has no compare-at prices, which supports a price display without sale labels. Despite the store handle, mock.shop doesn’t connect to a real dropshipping supplier.

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

![VigorVibe Active product page for Electric Blue Sports Bra, $45, showing front and back product views and a dance studio lifestyle photo, with Color and Size selectors and Add to cart button](images/vigorvibe-active-electric-blue-sports-bra-20260911.webp)

## Build with an AI coding tool

To build an activewear storefront with VigorVibe Active 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 activewear-dropship.mock.shop as the store domain. Setup instructions: activewear-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=activewear-dropship.mock.shop` in `.env` and restart the dev server to use VigorVibe Active’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 | `activewear-dropship` |
| Catalog model | Activewear with Color and Size variants, variable pricing |
| Products | 8 |
| Collections | 2 |
| Categories | 5 |
| Variants per product | 12 |
| Compare-at prices | 0 products |
| Requires shipping | All products |
| API endpoint | <https://activewear-dropship.mock.shop/api> |
| Store instructions | <https://activewear-dropship.mock.shop/llms.txt> |
| Browser preview | <https://activewear-dropship.hydrogen.mock.shop> |