# ZestBloom Fizz

[ZestBloom Fizz](https://beverages.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a beverage and cocktail-accessories catalog before a real Shopify store is ready. It includes carbonated sodas, cocktail mixers, sparkling water, tea infusions, and cocktail shakers. The catalog has 30 products across 4 collections. Products have two or three variants each, drawn from options such as Bottle Finish, Carbonation Level, Sweetness, Flavor Profile, Material, or Mixer Base. No product has variant-dependent pricing.

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 ZestBloom Fizz when you’re building a drinks and cocktail-accessories shop with product options and price-sorted collections.

Use ZestBloom Fizz for:

- Beverage storefronts with wide-range, price-sorted collections
- Parsing `priceRange.minVariantPrice.amount` as a decimal before client-side sorting or comparison
- Product selectors for choices such as flavor, sweetness, and bottle finish

Choose another mock.shop store if you need catalogs with variant-dependent pricing or products priced in multiple currencies. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example ZestBloom Fizz query

Here’s an example GraphQL `POST` request that retrieves the Social Mixer Essentials collection sorted by ascending price, returning all eight products from <https://beverages.mock.shop/api>:

```bash
curl https://beverages.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ collection(handle: \"social-mixer-essentials\") { handle products(first: 100, sortKey: PRICE) { pageInfo { hasNextPage } nodes { id handle title priceRange { minVariantPrice { amount currencyCode } } } } } }"}'
```

This query returns collection handle, `hasNextPage`, and eight product IDs, handles, titles, and minimum variant prices in ascending price order: USD 6.00, USD 12.99, USD 22.00, USD 24.00, USD 29.99, USD 78.00, USD 95.00, and USD 129.00. Adapt the query for your storefront needs.

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

## What this catalog lets you test

Build a beverage storefront with collection browsing, product-specific choices, and price sorting. The example query returns all eight products in Social Mixer Essentials in ascending price order using `sortKey: PRICE`. If you also sort prices in your client, parse `amount` as a decimal number: string comparison would place `"129.0"` before `"22.0"` and `"6.0"` after both.

Every product in the collection is priced in USD and has no variant-dependent pricing, so the fixture covers single-currency ascending product-price sorting. It doesn't demonstrate exchange-rate comparison, multi-currency conversion, or tie-breaking behavior.

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

![ZestBloom Fizz’s Chrome shaker neon accents product page with a product image, USD 129.00 price, and an Add to cart button.](images/zestbloom-fizz-shaker-cromado-acentos-neon-20260911.webp)

## Build with an AI coding tool

To build a beverage storefront with ZestBloom Fizz 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 beverages.mock.shop as the store domain. Setup instructions: beverages.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=beverages.mock.shop` in `.env` and restart the dev server to use ZestBloom Fizz’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 | `beverages` |
| Catalog model | Beverages and cocktail accessories with product-specific options |
| Products | 30 |
| Collections | 4 |
| Categories | 9 |
| Variants per product | 2–3 |
| Compare-at prices | 4 products |
| Requires shipping | All products |
| API endpoint | <https://beverages.mock.shop/api> |
| Store instructions | <https://beverages.mock.shop/llms.txt> |
| Browser preview | <https://beverages.hydrogen.mock.shop> |